18 451 Скрипты / Other

Мерцающая гирлянда на чистом CSS

Гирлянда в шапку сайта реализованная на чистом CSS. Добавит новогоднего настроения, но не стоит оставлять её на долго на сайте или даже в сессии пользователя. Постоянно мерцающие огоньки очень быстро утомляют и напрягают. Размещая гирлянду на сайт учитывайте это.

Мерцающая гирлянда на чистом CSS
14 930 Скрипты / Other

Открытка с Новым годом

Слегка видоизмененная открытка к новому году найденная на codepen. Смотрится эффектно, при этом никакого сложного кода не написано. В основном это анимации на CSS3.

Открытка с Новым годом
8 720 Скрипты / Other

Headroom — липкий header

Headroom.js — это легкий высокопроизводительный JS виджет (без зависимостей), который позволяет реагировать на прокрутку страницы пользователем. Позволяет скрывать шапку сайта при прокрутке вниз и отображать её снова при прокрутке страницы вверх.

Headroom — липкий header
8 466 Полезно

Анализ скорости мобильной версии сайта

Инструмент от Google для владельцев сайтов и разработчиков предназначенный для оценки производительности мобильной версии сайта. Тестирование при 3G подключении, проверка html/css, запуск jаvascript, обнаружение сжатия, юзабилити адаптивности, читаемости текста и т.п.

Анализ скорости мобильной версии сайта
14 271 Скрипты / Layout

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

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

Theia Sticky Sidebar — прилипание блоков при скроллировании страницы
13 284 Скрипты / Tabs

Адаптивные вкладки — Responsive Tabs

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

Адаптивные вкладки — Responsive Tabs
8 135 Скрипты / Menu & Nav

Гибкое горизонтальное меню

Небольшой скрипт, который поможет в создании более эстетического адаптивного горизонтального меню. Если размер экрана не позволяет отобразить все пункты горизонтального меню, то данный скрипт перемещает эти пункты в выпадающее меню - "три точки". Использование этого скрипта, позволит отображать адаптивную иконку (гамбургер), тогда, когда вы сами это решите, так как меню теперь будет всегда смотреться аккуратно.

Гибкое горизонтальное меню