Ещё до 1998 года, в котором появилась спецификация CSS level 2, элементы форм уже имели широкую поддержку во всех основных браузерах. Спецификация CSS 2 так и не дала ответа на вопрос, каким образом должны представляться элементы форм пользователям. Поскольку элементы форм являются частью пользовательского интерфейса в каждом веб-документе, авторы спецификации предпочли оставить визуальное представление html-элементов форм по умолчанию для каждого браузера.

Я смотрел на прекрасный дизайн сайта polygon.com и применение на нём свойств background-clip и background: linear-gradient(…). На сайте применяется резервный JS для обеспечения поддержки не стандартного background-clip: text.

Одним из последних проектов 2012 года разработчиков сайта Parse Blog стал редизайн страницы Аbout. Главной целью являлось создание красивой, содержательной и приятной страницы. В процессе создания этой страницы применялись новейшие свойства CSS3. Чтобы код стал более читаемым внесены SASS/Compass. Давайте подробнее рассмотрим реализацию анимации на этой странице.

Создадим часы, используя библиотеку jquery и css3 свойство transform: rotate. Transform также может принимать значения scale, skew и translate. Все эти значения могут анимироваться с помощью transition, аналогично скриптам jQuery. В данной статье мы подробно рассмотрим, как создать часы используя transform.

С новым годом приходит и надежда на всё большую поддержку новыx web-стандартов браузерами. Только в ноябре прошлого года была опубликована новая спецификация: The CSS Mask Specification (CSS маски). Браузеры на движках webkit уже давно поддерживали технологию css масок, сейчас же данная спецификация означает, что механизм масок будет реализован во всех браузерах. 

Flexbox представляет новый способ отображения блоков в макете с помощью css3 и предназначен для облегчения расположения элементов относительно друг друга. В этой статье мы рассмотрим самый новый синтаксис модели flexbox. В последнее время версии браузеров меняются достаточно быстро, так что вы будете в теме, когда модель flexbox будет поддерживаться широко в реальных проектах.