CSS не слишком сложный язык. Но даже, если вы пишите CSS долгие годы, вам, вероятно, все еще попадаются ранее неизвестные особенности языка – свойства (или значения), которые вы никогда не использовали или детали спецификации, которые вы никогда не знали.
Современным браузерам доступны все вкусности HTML5 и CSS3. К основным отличительным особенностям можно отнести свойство CSS transition. Переходы (transition) позволяют анимировать элементы страницы просто и элегантно без использования javascript.
Ниже приведены полезные приемы, которые пригодятся вам при проектировании адаптивного (или, что более верно, отзывчивого) сайта. В статье затронуты следующие важные нюансы полезные для адаптивного сайта: медиазапросы (характеристики устройств), гибкие изображения, поведение полей и отступов, дополнительно говорится о высоте, описывается как использовать медиазапросы в браузерах от IE(6-8), приведено краткое описание использование мета-тега viewport.
Свойство CSS transform позволяет вам визуально манипулировать элементом, буквально трансформируя его внешний вид.
Для больших демонстрационных блоков в дизайне от uniqli.com используется "полосатая" анимация: при наведении мышки на блок проявляется череда сменяющихся полосок. На мой взгляд, замечательный эффект.
Свойство CSS3 box-sizing позволяет сделать то, что мы хотим. Значение border-box (в отличие от значения по умолчанию content-box) позволяет включить значения отступов и границ (но не полей) в общее значение свойства width или height.
Сегодня я покажу, как создать CSS3 lavalamp меню.
Нет необходимости объяснять, что такое подсказки. Также вы, вероятно, знаете, что они могут повысить юзабилити вашего сайта. Поэтому в этой статье мы сконцентрируемся на практической стороне.
В этой статье вы узнаете, как создать важное сообщение (уведомление) при помощи CSS3 и jQuery.
В сегодняшней статье я покажу, как оформить при помощи CSS3 форму поиска (идея взята с сайта apple.com).
Я с ностальгией вспоминаю CSS2.1. Чтобы округлить углы требовалось время и знание фотошопа, однако все было просто. К тому же большинство разработчиков легко могли вспомнить дюжину свойств, не обращаясь каждые две минуты к справочнику. Спецификация CSS3 изменила все. Добавилось 116 новых свойств с различными вендорными префиксами и различным синтаксисом. Никто не вправе думать, что вы запомните все.
В этой статье описан процесс создания CSS3 кнопок без использования изображений.
В этой статье я продемонстрирую, как можно при помощи CSS3 и HTML5 сделать закладки для сайта.
Перед вами два примера, где разговорные облака созданы при помощи свойств CSS3.
Из этой статьи вы узнаете, как создать форму обратной связи полностью на HTML5 и CSS3.
В этой статье показано, как использовать свойство @font-face.
Теперь красивые тени можно создавать с помощью CSS3 без фотошопа.
Safari 4+, Chrome 1+, Firefox 3.6+, и Opera 11.10+ - все поддерживают CSS3 градиенты.
В этой статье показано, как создать анимированное горизонтальное меню с помощью CSS3. Основные особенности этого навигацционного меню в том, что...
Галерея изображений,созданная с помощью CSS3.
Пару лет назад закругленные углы стали характерным элементом дизайна для тренда Web 2.0.