1 926 Layout

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

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

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

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

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

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

Липкий header

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

Липкий header
1 160 Layout

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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