Category: Препроцессоры css

16
Окт
2019

Необходимый минимум для фронтенд-разработчика

На днях я подготовила README для одного проекта, который, надеюсь, будет интересен и поучителен для других разработчиков. Так вот, когда я его писала, я поняла, что несколько лет назад испугалась бы до смерти, если бы наткнулась на нечто подобное, со всякими упоминаниями о Node и его пакетном менеджере, системах Homebrew и Git, всевозможных тестах, тестовых и финальных сборках.

02
Апр
2019

Начало работы с PostCSS в 2019 году: основы преобразования CSS

От автора: сегодня поговорим о работе с PostCSS и CSS. Если вы когда-нибудь хотели опробовать в коде новые, экспериментальные или нестандартные свойства CSS, то вы знаете, что поставщики браузеров требуют добавления префиксов, чтобы они работали, пока не будут полностью стандартизированы. [crayon-5ca32415e87eb152440135/] Вы должны отслеживать различные свойства CSS, чтобы знать, когда поставщики браузеров начнут их поддерживать, […]

22
Май
2018

Почему мы решили отказаться от LESS в пользу SCSS: сравнение препроцессоров CSS

От автора: прежде всего, что такое препроцессор? Вкратце препроцессор – это программа, модифицирующая данные под входные требования другой программы. Препроцессоры CSS – это скриптовый язык, расширяющий возможности обычного CSS переменными, правилами вложенности, функциями и логическими блоками. Зачем мне его использовать? Часто вы будете попадать в ситуацию, когда придется использовать одинаковое значение для определенного свойства в […]

10
Май
2018

Создание плавной последовательной анимации CSS с Sass

От автора: в этой статье я покажу, как создается плавная анимация CSS с помощью Sass цикла for. Эту анимацию можно использовать в вашем приложении, неважно используете вы React, Vue или Angular. Зачем вообще что-то анимировать? Анимация – жизненно важный ингредиент при добавлении жизни и характера сайту или приложению. Она может сделать переходы быстрее, даже если […]

20
Мар
2018

Использование Sass для управления диапазоном с помощью нейминга BEM в CSS

От автора: управление диапазоном — это та вещь, которую вы вероятно не будете учитывать при работе с BEM CSS и Sass. У нас в распоряжении есть доступ к амперсанду (&) уже довольно давно, он предоставляет нам уровень охвата, но это теряет полезность, когда у нас есть довольно глубокий уровень вложенности. & может повести нас по […]

06
Фев
2018

Используйте @import в CSS-препроцессорах аккуратно

От автора: вдохновлённые функцией CSS import, которая импортирует правила стилей из других таблиц стилей, такие популярные CSS-препроцессоры как Sass, Less и Stylus также ввели собственные директивы @import. Они эффективно помогают начать компилировать модульные таблицы стилей с использованием переменных, миксинов и других функций каждого препроцессора. Для того, чтобы должным образом их использовать, мы должны: Быть внимательными, […]

19
Янв
2018

Изучаем LESS: Применение на практике

От автора: сегодня мы завершаем серию публикаций «Изучаем LESS», мы поговорим про применение LESS в веб-разработке. Сегодняшний пост немного отличается от предыдущих тем, что мы не будем демонстрировать новые техники и примеры кода, а рассмотрим, как использовать LESS, обсудим проекты, с помощью которых вы можете начать разработку с использованием LESS и многое другое. План статей […]

18
Янв
2018

Изучаем LESS: Разделяй и властвуй над кодом

От автора: итак, мы плавно подошли к концу серии «Изучаем LESS», и эта тема — моя любимая. Одной из самых лучших особенностей является то, что можно сделать LESS код модульным и организованным, при этом не засорять сайты (если вы компилируете его посредством LESS.app, CodeKit или других компиляторов). План статей серии: Вступление Использование Переменных Использование Миксинов […]

18
Янв
2018

Изучаем LESS: Использование функций

От автора: мы продолжаем нашу серию статей Изучаем LESS и сегодня рассмотрим, как используются в LESS функции, которые помогут вам писать более чистый код. Если вы еще не читали наши предыдущие четыре публикации по этой теме, ознакомьтесь со статьями Введение, Переменные, Миксины и Вложенные правила. План статей серии: Вступление Использование Переменных Использование Миксинов Использование Вложенных […]

18
Янв
2018

Изучаем LESS: Вложенные правила

От автора: мы продолжаем нашу серию статей «Изучаем LESS», и сегодня мы рассмотрим, как делать в LESS правило вложенным, чтобы писать максимально чистый код. Вы еще не читали наши три предыдущие статьи: «Изучаем LESS: Введение», «Изучаем LESS: Переменные» и «Изучаем LESS: Миксины»? Обязательно прочтите. План статей серии: Вступление Использование Переменных Использование Миксинов Использование Вложенных правил […]

16
Янв
2018

Изучаем LESS: Переменные

От автора: мы продолжаем серию статей «Изучаем LESS», и сегодня мы погрузимся в прекрасный мир, где царят LESS Переменные. Обязательно прочтите Вступление, если вы впервые столкнулись с этой серией. Итак, давайте рассмотрим переменные LESS и то, что вы можете с ними делать. Синтаксис Синтаксис LESS почти идентичен синтаксису CSS. Создатели LESS были очень предусмотрительны и […]

15
Янв
2018

Изучаем LESS: Миксины

От автора: итак, мы продолжаем наше знакомство с LESS и сегодня рассмотрим такой мощный компонент, как миксины LESS. Давайте узнаем, что же такое миксины LESS и как их использовать. Что такое миксины? Миксины (англ. mixins) в LESS – это, главным образом, сгруппированный набор свойств CSS, которые могут быть вложены в различные селекторы LESS. Это как […]