С информацией
Только заголовки

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

Ховер-эффекты с наложенными друг на друга фотографиями

Примеры создания ховер эффектов, используя наложенные друг на друга одинаковые изображения

Возвращаясь к теме "Сдвиг частей фотографии в разные стороны" сделал еще несколько примеров, как использовать наложенные друг на друга одинаковые фотографии для создания интересных ховер эффектов

Читать далее

Фото в смартфоне на CSS

Вариант показа фотографии в смартфоне, сделанном средствами CSS

Для данного решения подходит любое фото, но оно будет обрезано под размеры смартфона, который реализован на CSS и не требует своей картинки.

Читать далее

Модальная картина на CSS

Пример создания модальной картины из изображения на CSS

Данное оформление фотографии хорошо подойдет для демонстрации какого-нибудь продукта. или просто личной фото для блога

Читать далее

Сдвиг частей фотографии в разные стороны

Вертикальный и горизонтальный сдвиг частей изображения в разные стороны на CSS

Пара примеров, как разрезать картинку <img> на несколько частей и произвольно сдвинуть их в нужные стороны.

Решение сделано на CSS без использования скриптов

Читать далее

Красивый эффект смены 2-х фотографий

Эффект на WebGL, который заменяет одну фотографию на другую при заходе курсора мыши

Данный эффект хорошо подойдет для титульной страницы, где нет слайдера

Читать далее