Велика добірка посилань про галереях і всім, що з ними пов'язано

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

Підпису

Анімовані підпису з фільтрами і трансформацією:



On-hover галереї

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



On-click галереї

Галереї зображень з великими зображеннями, розкриваються по кліку на мініатюрі.



Flexbox-галереї

Галереї, які використовують елемент Flexbox



Лайтбокси

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



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



3D галереї і ефекти



Фільтри вмісту

Зручні для користувача фільтрація і сортування зображень



Зміна зображень

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



Сіткові системи

Рішення для відображення зображень у вигляді сітки



Рандомізація зображень

Зображення, які з'являються у випадковому порядку при кожному завантаженні сторінки.



Використання ефекту Кена Бернса

Повнорозмірні зображення, які наближаються за допомогою зума, зупиняються і зникають.



Послідовне поява

Рішення для організації появи зображень одного за іншим



Генерація підписів

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


Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.