Отложенная загрузка изображений

Плагин jquery.lazy для отложенной (ленивой) загрузки изображений

jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.

В этой заметке описана отложенная загрузка изображений. Фреймы, скрипты, медиа и т.д. рассмотрены в теме: "Отложенная загрузка контента".

Читать далее

Отложенная загрузка контента

Дополнения плагина jquery.lazy для отложенной загрузки фреймов, скриптов, медийных файлов и т.д.

jQuery и Zepto плагин Lazy — это быстрый, многофункциональный и легкий плагин для отложенной загрузки контента. Другими словами, загрузки только того материала, который виден на экране.

Это вторая часть его описания, в которой рассмотрены его дополнения. Первая часть: Отложенная загрузка изображений

Читать далее

Печатающий кот Bongo Cat

Bongo Cat пишущий коды на ноутбуке

Bongo Cat — видеомем с нарисованным котом, который играет на разных музыкальных инструментах. В данном примере он печатает на ноутбуке.

Читать далее

Полноэкранное мобильное меню

Полноэкранное мобильное меню с фиксированной иконкой-гамбургер

Решение выполнено с использованием библиотеки jQuery

Читать далее

Секция с шестиугольными фотографиями

Вариант оформления блока с шестиугольными фотографиями разного размера

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

Также на фотографии можно установить ссылки или появляющийся поясняющий текст

Читать далее

Следящие за курсором глаза

Небольшой JavaScritp, расставляющий в блоке глаза, которые следят за курсором

Скрипт случайном образом расставляет в канвасе глаза разного диаметра, которые следят за курсором мыши.

Решение выполнено на JS без использования дополнительных библиотек.

Читать далее

Целующиеся смайлики на CSS

Пример создания анимированных целующихся смайликов на чистом CSS

В коде используются точные величины, поэтому для изменения масштаба следует использовать transform: scale();

Читать далее

Оформление списка, сгруппированного по алфавиту

Вариант оформления списка, сгруппированного по первым буквам

Как создать такой список описано в теме: "Группировка списка по первым буквам на PHP". В этой рассмотрен вариант его оформления с "залипанием" буквы алфавита

Читать далее