Одним из последних проектов 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 будет поддерживаться широко в реальных проектах.