Pull to refresh
0

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

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

Подписи


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



On-hover галереи


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



On-click галереи


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



Flexbox-галереи


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



Лайтбоксы


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



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




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




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


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



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


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



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


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



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


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



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


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



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


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



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


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



Tags:
Hubs:
+15
Comments 0
Comments Leave a comment

Articles

Information

Website
www.paysto.ru
Registered
Founded
Employees
11–30 employees
Location
Россия