Интерактивные онлайн-курсы

Демонстрационные курсы

Демонстрация
Progressive enhancement на примере формы входа В этой демонстрации создаётся простая, но красивая форма входа в соответствии с подходом «прогрессивное улучшение» (progressive enhancement). Используются новые селекторы и свойства CSS3: тени, градиенты, скругления.	Начать
Использование псевдокласса :nth-child В деталях разбирается использование псевдокласса `:nth-child`, который позволяет выбирать элементы по их порядковому номеру. Демонстрация сделана по мотивам http://nthmaster.com/. В нём сильно не хватало интерактивности и мы это исправили.	Начать
Миллиметровка на CSS3 С помощью линейных CSS-градиентов и множественных фоновых изображений создаём сложный фон, напоминающий миллиметровую бумагу. Разбираются `linear-gradient`, `background-position`, `background-size`. Демонстрируется, как работают множественные фоны.	Начать