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

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

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

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

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

Читать далее

Полезные ресурсы для работы с изображениями

Ссылки на различные ресурсы на которых можно создать или обработать графические файлы

Речь в данной заметке пойдет не о сайтах, на которых можно сжать или изменить формат изображений (о них будет чуть позже), а именно о создании и обработке.

Читать далее

Параллакс эффект simpleParallax

Эффект параллакса накладываемый на теги изображений, а не на фон

simpleParallax — это простой и легкий JavaScript без каких-либо дополнительных библиотек. Он применяет эффект параллакса непосредственно к тегам изображения, а не к фону.

Читать далее

Hover-эффекты для изображений

Варианты оформления фотографий при наведении на них мышки с целью увеличения

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

В этой заметке я старался как можно больше упростить оформление ховер-эффектов, при этом не потеряв их привлекательности.

Все примеры могут использовать как графическую иконку увеличения, так и шрифт, кроме того все варианты адаптивны.

Читать далее

Звуковые эффекты при клике или наведении

Простой JavaScript для добавления звуков при клике или наведении на элементы

Данный скрипт весит всего 1.5 кб и позволяет легко добавлять звуки взаимодействия с элементами.

Читать далее

Мозайка изображений или контента

jQuery плагин для выравнивая фотографий или другого контента по высоте при сохранении пропорций

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

Читать далее

Наклонная галерея

Небольшой скрипт на jQuery с наклонной каруселью фотографий

На днях попалась интересная, хотя и старая, статья с наклонной каруселью фотографий: How to create a Rotated Gallery и решил ее попробовать.

Читать далее

Полноэкранный просмотр изображений

Небольшой скрипт для полноэкранного просмотра одиночных изображений

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

Данное решение не требует библиотеки jQuery и весит всего 7.5 кб.

Читать далее

Адаптивное видео для фона блока

Адаптивное видео в качестве фона блока с использованием плагина для jQuery

Очень удобный и простой в использовании плагин jQuery для создания адаптивного видеофона у блока. С ним не требуется нагромождения ни css ни html кодов, вся конструкция блока выглядит примерно так: <div data-vide-bg="path/video"></div>

Читать далее