Дадли Стори, автор «Pro CSS3 Animation», представил подборку своих статей с сайта demosthenes.info о галереях на сайтах и всем, что с ними связано. Решения используют HTML, CSS и PHP в различных комбинациях, текст статей на английском языке. В начале каждой статьи представлена демонстрация эффекта, о котором говорит автор.

Подписи

Анимированные подписи с фильтрами и трансформацией:

On-hover галереи

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

On-click галереи

Галереи изображений с большими изображениями, раскрывающимися по клику по на миниатюре.

Flexbox-галереи

Галереи, которые используют элемент Flexbox

Лайтбоксы

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

Слайдеры и карусели

Анимированный слайдер
Отзывчивый слайдер
Отзывчивый слайдер с подписями
CSSslidy: генерирующийся отзывчивый слайдер
CSSslidy 2.0

3D галереи и эффекты

Оригами: CSS3D складывающаяся галерея
ImgDex: галлерея на HTML5 имитирующая вращающийся каталог с карточками
Простая 3D карусель на CSS
Продвинутая 3D карусель на CSS
Вращающиеся изображения с динамическими тенями

Фильтры содержимого

Удобные для пользователя фильтрация и сортировка картинок

Изменение изображений

Техника для создания простых вариантов «до и после» для демонстрации исходника и результата работы.

Сеточные системы

Решения для отображения изображений в виде сетки

Pinterest-Style макет на чистом CSS
Простая плитка с Flexbox
Простая отзывчивая сетка с Flexbox

Рандомизация изображений

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

Использование эффекта Кена Бернса

Полноразмерные изображения, которые приближаются с помощью зума, останавливаются и исчезают.

Последовательное появление

Решения для организации появления изображений одного за другим

Генерация подписей

Автоматическая генерация подписей к изображениям с использование JavaScript & PHP.

Полезные решения Paysto для читателей Хабра:

→ Получите оплату банковской картой прямо сейчас. Без сайта, ИП и ООО.
→ Принимайте оплату от компаний через Интернет. Без сайта, ИП и ООО.
→ Приём платежей от компаний для Вашего сайта. С документооборотом и обменом оригиналами.
→ Автоматизация продаж и обслуживание сделок с юр.лицами. Без посредника в расчетах.

Большая подборка ссылок о галереях и всем, что с ними связанно