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


Демонстрация

Progressive enhancement на примере формы входа

В этой демонстрации создаётся простая, но красивая форма входа в соответствии с подходом «прогрессивное улучшение» (progressive enhancement).

Используются новые селекторы и свойства CSS3: тени, градиенты, скругления.

Начать

Использование псевдокласса :nth-child

В деталях разбирается использование псевдокласса :nth-child, который позволяет выбирать элементы по их порядковому номеру.

Демонстрация сделана по мотивам http://nthmaster.com/. В нём сильно не хватало интерактивности и мы это исправили.

Начать

Миллиметровка на CSS3

С помощью линейных CSS-градиентов и множественных фоновых изображений создаём сложный фон, напоминающий миллиметровую бумагу.

Разбираются linear-gradient, background-position, background-size. Демонстрируется, как работают множественные фоны.

Начать