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