871 Layout

Theia Sticky Sidebar — прилипание блоков при скроллировании страницы

Плагин позволяет приклеить любые блоки страницы при её прокручивании, делая их постоянно видимыми. Это полезно когда другие блоки значительно выше чем прикрепляемый блок. Закреплять полезно например такие блоки, как вертикальное меню, рекламный блок, блок с поиском, короткие формы и т.п.

Theia Sticky Sidebar — прилипание блоков при скроллировании страницы
407 Layout

StickyMojo - липкий сайдбар

StickyMojo - плагин для создания "липкого" сайдбара. Легкий, быстрый и гибкий, совместим с firefox, chrome, safari и IE8+.

StickyMojo - липкий сайдбар
797 Layout

Липкий header

Прикрепляемый хедер к верху страницы при её прокручивании. Реализовано на jQuery в несколько строчек кода.

Липкий header
463 Layout

BlocksIt - динамическая сетка

BlocksIt - плагин позволяющий создавать динамическую сетку разметки. Он управляет преобразованием HTML элементов в "блоки" и располагает их в сетке страницы. Для этого достаточно указать количество столбцов, а всё остальное сделает плагин. Кроме того, вы можете даже объединить "блоки" и сделать один большой.

BlocksIt - динамическая сетка
1 576 Layout

Скошенные элементы на CSS3

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

Скошенные элементы на CSS3
223 Layout

Размытость элементов

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

Размытость элементов
596 Layout

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

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

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

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

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

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