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

В этом уроке рассмотрим красивый эффект с использованием Icon Fonts и моего любимого приложения IcoMoon. Помимо оригинального эффекта, следующая техника отличается простотой. Мы будем использовать набор социальных иконок, сгенерированных с помощью приложения IcoMoon, а потом добавим оригинальный эффект при наведении.

Я думаю, не стоит объяснять насколько популярным стал responsive дизайн. В этой статье я приведу коллекцию полезных миксинов (media queries mixins), включающих в себя стили для устройств IOS, таких как IPhone и IPad, для версии SASS 3.2.0+.

Те из нас, кто начал использовать модульный или объектно-ориентированный CSS принцип научились избегать, насколько это возможно, использования селекторов потомков (или, точнее, комбинацию с селекторами потомков).

Недавно в Twitter состоялся диалог, в процессе которого я осознал, что многие вещи в SASS для многих новичков (да и не только) могут быть непонятными. В этой статье рассмотрим простые и наиболее важные правила использования переменных, @extend и @mixin в SASS.

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