6 316 Скрипты / Layout

Выезжающая панель

Сделаем top panel - выезжающую панель вверху нашего сайта. Внутрь панели можно поместить любой html, в данном примере это текст и формы входа и регистрации.

Выезжающая панель
2 529 Скрипты / Layout

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

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

Граница двумя цветами
5 145 Скрипты / Layout

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

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

Переключатель стилей с превью
2 715 Скрипты / Layout

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

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

Генерируемый css контент
3 813 Скрипты / Layout

Отгибающийся уголок на странице

Плагин на jQuery реализующий эффект отгибающегося уголка на странице, либо слева, либо справа. Уголок может отгибаться автоматически при наведении курсора или же только при клике и удержании левой кнопки мыши. Поддерживается работа в IE7.

Отгибающийся уголок на странице
2 369 Скрипты / Layout

Процентная сеточная система

Главной характеристикой этой сеточной схемы является задание ширины колонок в процентах. То есть вам не нужно будет определять ширину каждой колонки вручную, просто поместите её в любой контейнер и ширина колонок автоматически установится.

Процентная сеточная система