Будьте в курсе последних событий, подпишитесь на обновления сайта

Глава 8. Препроцессоры CSS

Создание тем CSS

Здравствуйте! Я уже писал о создании  переменных в CSS. А  сегодня  хочу как  раз привести пример  использование этих самых  переменных. И как мне кажется самым  простым способом использования переменных в CSS может стать  создание тем.

создание тем в css с помощью переменных

Итак давайте рассмотрим на конкретном примере. Пусть дана такая страница.

Читать далее

Переменные в CSS

Здравствуйте! Я уже писал о препроцессорах Less и Sass. Так вот у них есть возможность использовать переменные в которых можно сохранять значения CSS свойств.  Но теперь эта возможность  появилась и в чистом CSS без всяких там препроцессоров. Вот о ней  я и хочу  рассказать в этой статье.

переменные в css

Хочу заметить, что хотя часто и используется термин «переменные» (css variables), но официально они называются custom properties (кастомные  свойства).

Читать далее

Препроцессор LESS

Здравствуйте! В прошлой статье я писал о препроцессоре SASS. Сегодня я расскажу немного о другом препроцессоре — LESS. В принципе эти препроцессоры похожи но имеют несколько отличий, что связано с наименованием переменных.

что такое препроцессор less

 

Что такое LESS?

LESS относительно новый препроцессор, ему около 4 лет. Его часто сравнивают с SASS, более старым препроцессором. Как и LESS, так и SASS, имеют свои корни в языке программирования Ruby, но в настоящее время используются гораздо шире. LESS теперь основан на Javascript.

Люди, использующие LESS, могут создать заранее определенный набор цветов для своего сайта. Они могут определить особый стиль один раз и затем многократно использовать его везде, где необходимо.

Читать далее

Препроцессор SASS

Здравствуйте! После того как мы рассмотрели работу с программой Koala, которая нужна для компиляции кода на препроцессорах SASS и LESS. Разберем как работать с препроцессором SASS.

Препроцессинг

Написание CSS само по себе весело, но когда таблица стилей становится огромной, то становится и сложно её обслуживать. И вот в таком случае нам поможет препроцессор. SASS позволяет использовать функции недоступные в самом CSS, например, переменные, вложенности, миксины, наследование и другие приятные вещи, возвращающие удобство написания CSS.

Как только Вы начинаете пользоваться SASS, препроцессор обрабатывает ваш SASS-файл и сохраняет его как простой CSS-файл, который Вы сможете использовать на любом сайте.

Препроцессор SASS

Читать далее

Программа Koala — легкая компиляция Sass, Less и CoffeeScript

Здравствуйте! Сегодня я начинаю цикл статей о препроцессорах CSS. И начать я хотел бы с обзора программы Koala, которая помагает компилировать код с LESS или SASS на CSS.

Koala — это кроссплатформенная программа для компиляции Less, Sass, Compass и CoffeeScript. Работает на Win, Mac OS и Linux.

Программа бесплатна и живет на благотворительные пожертвования. Впрочем, когда я попытался перевести ребятам на Paypal немного денег пару лет назад, сделать этого не получилось. Разработчики находятся в Китае, а Paypal там работает только на отправку денег. Тем не менее, программа от этого хуже не стала. Разберемся подробнее.

Программа Koala — легкая компиляция Sass, Less и CoffeeScript

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: