Простые решения по работе с фото, аудио и видео

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

WebGL слайдер фотографий

Слайдер на WebGL с красивой сменой фотографий по клику

Фотографии меняются при нажатии и удержании левой кнопки мыши или на тачпаде

Читать далее

Эффект матрицы на фотографиях

JavaScript, создающий на фотографиях красивый эффект в стиле матрицы

Скрипт, реализующий данный эффект, работает на библиотеке p5.js

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее