Webformyself
Препроцессоры. Быстрый старт
Урок 1. Введение
В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса.
Урок 2. Задание CSS стилей
В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров.
Урок 3. Создание 2-й темы на CSS
В данном уроке мы создадим вторую тему для сайта.
Урок 4. Переписывание стилей на Less
В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода.
Урок 5. Создание 2-й темы на Less
В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта.
Урок 6. Компиляция Less файлов
В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду.
Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла.
Урок 7. Написание скрипта для смены темы
В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less.
Препроцессоры. Быстрый старт
Урок 1. Введение
В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса.
Урок 2. Задание CSS стилей
В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров.
Урок 3. Создание 2-й темы на CSS
В данном уроке мы создадим вторую тему для сайта.
Урок 4. Переписывание стилей на Less
В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода.
Урок 5. Создание 2-й темы на Less
В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта.
Урок 6. Компиляция Less файлов
В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду.
Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла.
Урок 7. Написание скрипта для смены темы
В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less.