620 Menu & Nav

Анимированное навигационное меню

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

Анимированное навигационное меню
1 081 Layout

Граница двумя цветами

Стандартными возможностями CSS сделаем border - границу из двух разных цветов с помощью параметров outline и border, а также сделаем эти две границы круглыми.

Граница двумя цветами
2 280 Layout

Переключатель стилей с превью

jQuery плагин простого изменения стиля страницы с помощью переключения. При наведении на ссылку происходит смена стиля (демонстрация), а при нажатии на неё - подтверждение смены стиля. Важным моментом является поддержка cookies без использования php, но можно и с ним. Плагин работает на IE6+, Firefox, Safari, Chrome, Opera и даже Android и  iPhone.

Переключатель стилей с превью
1 261 Gallery

Галерея рубашек

Интересный и простой эффект, который можно использовать на сайте интернет магазина. Полноразмерные изображения помещаются в контейнер DIV меньшего размера. Изображение центрируется, но не показывается полностью, так как параметр overflow:hidden - в состоянии включен. При наведении мыши на картинку, overflow:hidden переходит в состояние выключен и рубашка показывается полностью.

Галерея рубашек
1 055 Layout

Генерируемый css контент

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

Генерируемый css контент
1 873 Form

Современная форма с html5 и CSS3

Привет всем, и урок снова про форму регистрации. Теперь вместе с jQuery используем возможности html5 и css3. Форма будет действительно современной.

Современная форма с html5 и CSS3
11 130 Form

Форма регистрации за 4 шага

В этом уроке будем создавать форму регистрации в четыре шага: 1. Ввод Логина и Пароля 2. Имя Фамилия и Адрес электронной почты 3. Возраст, Пол и Страна 4. Общая информация

Форма регистрации за 4 шага