Бесплатный видеокурс "Препроцессоры. Быстрый старт"
-
Автор: Владилен Минин
Забирайте БЕСПЛАТНО пошаговый мини-курс по основам верстки с использованием CSS-препроцессоров - от одного из наиболее авторитетных издательств Рунета для веб-мастеров. В этом курсе вы на наглядном примере простого сайта с двумя разными темами увидите, почему препроцессоры являются незаменимым мощнейшим инструментом в современной веб-разработке и как вы сможете увеличить скорость и качество верстки в разы (а значит - и ваши доходы!) В результате данного курса нами будет создано две темы на чистом CSS и две темы на препроцессоре. В качестве примера будет использоваться язык LESS (у которого есть несколько интересных вариантов компиляции без настройки окружения)
- Урок 1. Введение
- Урок 2. Задание CSS стилей
- Урок 3. Создание 2-й темы на CSS
- Урок 4. Переписывание стилей на Less
- Урок 5. Создание 2-й темы на Less
- Урок 6. Компиляция Less файлов
- Урок 7. Написание скрипта для смены темы
В данном уроке вы узнаете план на миникурс по препроцессору Less и увидите результат, который получится в процессе данного курса. В этом уроке мы напишем все CSS стили на основе уже готового HTML шаблона, без использования CSS препроцессоров. В данном уроке мы создадим вторую тему для сайта. В этом уроке вы увидите, как с помощью препроцессора Less можно быстро переписать чистый CSS на препроцессор. Вы увидите, зачем это нужно, как сильно он облегчает разработку и поддерживаемость кода. В этом уроке вы увидите, как на основе темы, написанной на языке Less, можно быстро создать вторую тему для сайта. В данном уроке мы поговорим про два способа компиляции Less файлов, так как синтаксис Less браузеры не понимают, и их нужно привести к CSS коду. Также мы поговорим про оптимизацию загрузки скорости сайта и размер CSS файла. В этом последнем уроке мы напишем скрипт, который позволит динамически менять тему сайта. В нем можно будет указать, какие стили подключать — CSS или скомпилированный Less. |