Эффект дождя на стекле

Красивый эффект капель на стекле основанный на WebGL

Скрипт реализующий данную анимацию работает на библиотеке curtains.js

Читать далее

Гармошка из фотографий на jQuery

Плагин jQuery splits-slider Plugin для создания горизонтального аккордеона фотографий

Автор назвал данный плагин слайдером, но мне он больше напоминает горизонтальный аккордеон.

Читать далее

Разделенные изображения

Скрипт splitpic.js для смены мышкой одной фотографии на другую

Оригинальный эффект, позволяющий менять мышкой одну фотографию на другую по горизонтали или вертикали. Хорошо подойдет для показа изображений ДО и ПОСЛЕ или других парных картинок

Читать далее

Замедленная загрузка изображений

Скрипт ComcastifyJS для эмуляции загрузки изображений как на модеме 56к

Очень интересный скрипт, который поможет старожилам интернета вспомнить прошлое и понастальгировать, а остальным посмотреть, как раньше загружали фотографии из сети.

Читать далее

Блоки из фигур на CSS

Варианты оформления блоков из различных фигур: трапеций, окружностей, треугольников и т.д.

В данной заметке показано несколько примеров, как можно использовать геометрические фигуры для оформления информационных блоков.

Все примеры имеют hover-эффект.

Читать далее

Индикатор прокрутки страницы

Индикатор, показывающий глубину прокрутки в процентах и в виде линии.

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

Читать далее

Анимация элементов при прокрутке — WOW.js

Скрипт WOW.js для анимации элементов при прокрутке страницы вниз.

Ранее уже была заметка для добавления анимационных эффектов при прокрутке страницы c jQuery плагином ScrollMe.

Скрипт WOW.js использует библиотеку animate.css, благодаря чему имеет больше возможностей, и не требует никакие библиотеки на JavaScript

Читать далее

Кнопки закрытия на CSS

Варианты оформления закрывающих кнопок (close button) на CSS

Данные кнопки можно использовать для закрытия любых всплывающих меню, модальных или диалоговых окон

Читать далее

Определение изменения размера элемента

Библиотека ResizeSensor, помогающая определить, когда элементы на сайте изменяют свой размер

Иногда бывает нужно определить изменение размера какого-нибудь элемента на сайте, чтобы выполнить определённые функции.

Сами по себе размеры не меняются, и действие, которое вызвало их изменение может выполнить и нужные нам операции. Однако, если сделать это затруднительно, то можно использовать библиотеку ResizeSensor.

Читать далее