Как создать выпадающее меню при помощи CSS3

На этом уроке мы создадим выпадающее меню на чистом CSS3, которое вы можете найти в Impressionist UI от Владимира Кудинова.

Анимированные закладки при помощи CSS3

Вывод содержимого в виде закладок или табов очень распространенный и знакомый всем элемент в веб-дизайне, а часто оказывается и очень полезным. Итак, на этом уроке мы собираемся реализовать несколько простых закладок с контентом (табов) используя радио-кнопки вместе с псевдо-классом :checked и родственными комбинаторами (sibling combinators).

Обратите внимание, что эти CSS3-свойства будут работать только в браузерах, которые их поддерживают.

Форма авторизации и регистрации при помощи HTML5 и CSS3

В этом уроке мы собираемся создать две формы на HTML5, для авторизации и регистрации, которые будут переключаться между собой при помощи  псевдо-класса CSS3 - :target. Идея этого урока в том, чтобы показать пользователю форму авторизации и предоставить ссылку для "переключения" на форму регистрации на этой же странице.

Обратите внимание, что эти примеры будут работать только в браузерах, которые поддерживают псевдо-класс :target, и вы не должны использовать этот код на действующем сайте без предоставления запасного варианта для старых браузеров.

В статье будет описание примера из Demo 1.

Иконки социальных сетей на CSS

В этой статье я расскажу о эксперименте по созданию иконок социальных сетей на CSS. Они созданы не на "чистом CSS3" или "HTML5 canvas". При создании этих иконок используется традиционная техника с фоновым изображением. Цель эксперимента состоит в обеспечении кроссбраузерности, создании последовательного и универсального CSS-кода, который может быть применен в любом дизайне, приложении или теме. В принципе, это набор стилей, который позволяет отображать различные иконки, комбинируя CSS-классы.

Контент-навигатор на CSS3

Сегодня мы расскажем вам, как создать контент-навигатор при помощи только CSS. Идея состоит в том, чтобы создать несколько слайдов или слоев, которые мы будем показывать или скрывать используя псевдо-класс :target. При помощи CSS transitions мы можем сделать смену слайдов различными способами.

Создаем форму авторизации используя CSS3 и jQuery

В этом уроке мы создадим стильную форму авторизации на сайте, вы можете её найти в Futurico UI Pro, созданном Владимиром Кудиновым. Для создания формы мы будем использовать CSS3 и jQuery.