Создание базовых сеток в Интернете с помощью Sassline

Основная часть онлайн-контента основана на тексте, но люди не будут заинтересованы в чтении текста на вашем сайте, если типография не разработана должным образом..

Вы могли бы работать с пользовательские рамки, но те могут чувствовать себя ограниченно. Вместо этого попробуйте Sassline, бесплатную библиотеку на основе Sass для создания идеальных линий сетки в Интернете..

Этот бесплатный инструмент работает на Sass, поэтому вам нужно сначала разобраться с этим языком предварительной обработки. Если вы все еще новичок в веб-разработке, то это хорошая идея попрактиковаться в CSS и Sass перед тем, как поднять Sassline.

Но как только вы изучите это, вы никогда не будете снова проектировать макеты так же.

Он использует единицы измерения для создания пользовательские базовые линии, которые соответствуют вашему тексту по всем направлениям. Это включает в себя все ваши заголовки, абзацы, цитаты, все.

А Sassline поставляется с отзывчивыми точками останова, поэтому вы можете автоматически регулировать размер текста (и высоту строки) на основе сетки Sassline. Это зависит от Sass Mixins, которые требуют опыта Sass, если вы хотите работать с ними.

Вот почему я специально рекомендую этот инструмент для опытные веб-разработчики глядя на улучшение их рабочего процесса.

Демонстрационная страница предлагает довольно четкий пример того, как работает эта базовая сетка, включая элементы списка, цитаты и различные размеры заголовков..

Кроме того, вы можете добавить это в каркас внешнего интерфейса, например Bootstrap, если вы хотите внести незначительные изменения в свой код. Вся библиотека Sassline супер универсальна и это должно быть основным продуктом для любителей Sass везде.

Для начала посетите основной репозиторий GitHub и загрузите копию исходных файлов..

Вы также найдете инструкции по установке и ссылку на этот замечательный пост в блоге, в котором вы найдете описание библиотеки Sassline..