CSS-параметры позволяют нам создавать много различных фигур за счет стилизации элемента. CSS3 Shapes представляет собой проект, который разделяет стили между различными фигурами, включая треугольник, алмаз, звезду, пузырек для комментария, яйцо, сердце и многие другие. Конечно же, не все эти фигуры можно применять на практике, но они отлично подойдут для повышения вашего навыка в CSS(3).

Сегодня мы начинаем серию статей, посвященных технологии LESS – динамическому языку, который использует CSS-код и, так сказать, накачивает его стероидами. LESS позволяет вам использовать переменные, mixin’ы, разветвленные правила и даже функции прямо внутри кода CSS. Это поможет вам в значительной степени ускорить процесс разработки и улучшить качество проектов. Конечно же, как и в любом деле, вам потребуются некоторые знания, но как только вы поймете суть данной технологии, вам вряд ли снова захочется использовать чистый код, без применения LESS.

Поскольку почти каждый браузер использует для некоторых свойств собственные CSS-префиксы (-webkit-, -moz- или -o-), нам обычно приходится закладывать в наши таблицы стилей их все. Дело не только долгое, но и трудоёмкое, да и объём CSS-файлов из-за этого увеличивается (а в итоге может замедлиться скорость загрузки и снизиться пропускная способность).

cssFx - это javascript-файл (объёмом в 2.5 Кб), генерирующий вендорные CSS3-свойства для старых и новых браузеров в клиентской части. Он поддерживает большинство CSS3-свойств и работает почти со всеми браузерами (в том числе, IE6).

Переключатели стилей становятся все популярнее и популярнее. CSS-стили позволяют веб-дизайнерам без труда изменять внешний вид веб-сайта. Некоторые веб-сайты используют шаблоны «дня» и «ночи», которые сменяются в автоматическом режиме в соответствии с временем суток.

В сегодняшнем руководстве мы расскажем вам о том, создать собственный время-зависимый переключатель CSS-стилей при помощи PHP, который позволит нам менять шаблоны стилей в соответствии с текущим временем суток. Также, для того чтобы немного позабавиться, мы использовали jQuery UI.

В нашем сегодняшнем руководстве мы хотим рассказать вам о процессе создания слайд-шоу с параллакс-эффектом при помощи параметров CSS3. Мы воспользуемся радио-кнопками и смежными комбинаторами для управления отображением слайдов. Здесь у нас будет два фона, и идея заключается в том, чтобы сменять расположение фона и позицию слайдера с переходами для создания незначительно parallax-эффекта.

Эй, а вы знали, что теперь вы можете вращать элементы в трехмерной плоскости посредством CSS3? Вероятно, знали, так как это возможно уже примерно года два. Конечно же, сначала это было возможным только в браузерах семейства Webkit – Safari и Chrome – но сейчас это так же возможно и в Firefox! Это означает, что больше половины мира (кто не использует браузер IE) смогут наблюдать продвинутые анимации и эффекты на CSS.

Smoke.js представляет собой портативную javascript-библиотеку, заменяющую собой весь функционал "маячка" ('alert') в стандартной настройке, с более удобным для пользователя набором уведомлений.

Она вводится в действие просто - подстановкой "smoke." в начало технологических структур собственных функций системы 'alert', 'confirm' и 'prompt', принимая на себя их отображение.

Интерфейсы веб-сайтов с параллакс-скроллингом все больше набирают популярность. Нам не хотелось бы упускать из виду данную тенденцию, поэтому сегодня мы предлагаем вам демо-проект с использованием эффекта параллакс, разработанный при помощи jQuery и CSS.

В нашем сегодняшнем руководстве мы расскажем вам о том, как создать простенькие CSS3-анимированные вкладки посредством радио-кнопок, псевдо-класса :checked и смежных комбинаторов.

Надеемся, что на данный момент вы знакомы с псевдо-элементами :before и :after, так как сегодня мы собираемся разработать нечто интересное посредством CSS! Сегодня мы покажем вам, каким образом можно создать интересный эффект для изображений.