- PVSM.RU - https://www.pvsm.ru -
Я — фотолюбитель и я очень люблю Яндекс.Фотки. Они служат мне одновременно и витриной моих снимков, и памятью о поездках, и одним из бэкапов. Но в случае, когда я хочу дать ссылку на просмотр какого-то альбома, мне становится бесконечно стыдно.
Судите сами, на мониторе в 23 дюйма фотография занимает… чуть меньше восьми:
Можно выбрать другой размер изображения и тогда фотография вырастает аж до 12:
При этом она уже не влазит на мониторы меньше 23", а в нагрузку нам остается куча мусора вокруг кадра, полная перезагрузка страницы при каждом переходе, отсутствие предзагрузки следующей фотографии и ужасный устаревший интерфейс.
Нет, мне так не нравится и я так не хочу! Я хочу, чтобы было красиво, удобно, быстро и еще чтобы на планшете можно было пальчиком перелистывать!
Сказано — сделано! Задумка была воплощена в жизнь вдвоем с братом WildWolf [1] на ДОУ Хакатон в Харькове [2]. Там мы написали и презентовали Фоткер [3], после чего его дизайн был создан нашим товарищем Антоном [4]:
Фоткер позволяет легко, вкусно и совершенно бесплатно просматривать все публичные альбомы и фотографии любого пользователя Яндекс.Фоток. А если скопировать ссылку из адресной строки браузера и отправить ее другу, то можно поделиться Фоткером и с ним!
Так выглядит просмотр всех альбомов пользователя:
А так — просмотр фотографий в альбоме:
При нажатии на фотографию она разворачивается на все окно браузера и дальше можно листать их вперед-назад, влево-вправо, туда-сюда. Максимум акцента на ваших фотографиях и минумум отвлекающих элементов!
Технически это реализовано следующим образом — Фоткер отдает браузеру JavaScript, который с клиента делает запрос к API Яндекс.Фоток, получает JSON, разбирает его и формирует страницу. Все фотографии, маленькие и большие, грузятся напрямую с серверов Яндекс.Фоток.
А в глубине всего этого прячутся: PHP, Smarty, jQuery, Galleria и желание сделать мир несколько лучше. Ведь весь исходный код Фоткера доступен на Github [5].
Фоткер [3] — делает Яндекс.Фотки [6] еще чудеснее!
Автор: Aldekein
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/interfejsy/11662
Ссылки в тексте:
[1] WildWolf: http://habrahabr.ru/users/wildwolf/
[2] ДОУ Хакатон в Харькове: http://dou.ua/lenta/events/dou-hakaton-harkov-kak-eto-bylo/
[3] Фоткер: http://fotker.fdzn.net/
[4] Антоном: http://vk.com/melnikan
[5] на Github: https://github.com/Aldekein/Yandex-Photo-Gallery
[6] Яндекс.Фотки: http://fotki.yandex.ru/
Нажмите здесь для печати.