Концепт сайта для фотографа

demosourse

Предлагаем вам ознакомиться с концептом сайта для фотографа с слайдером и тилт-эффектом, применённым к фону.

Для начала взгляните на скриншоты. Так выглядит страница с самого начала. При загрузке всех фотографий внизу появится слайдер.

Если поводить мышкой по фоновому изображению, то можно увидеть интересный эффект, о котором мы ещё расскажем в следующих уроках:

При клике на элемент слайдера откроется список фотографий, выбранной коллекции:

Надеемся, что данный пример будет для вас вдохновляющим.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://tympanus.net/codrops/2015/05/06/photography-website-concept/
Перевел: Станислав Протасевич
Урок создан: 28 Мая 2015
Просмотров: 9069
Правила перепечатки


5 последних уроков рубрики "HTML и DHTML"

или авторизуйтесь, чтобы добавлять комментарии, оценивать уроки и сохранять их в личном кабинете
  • 29 Мая 2015 09:47
    vasotelvi
    Сразу кликнул DEMO не смотря саму статью. Долго пытался понять почему не работает скрол, как на похожего пошива лэндингах? Куда нужно давить, если ничего не происходит кроме эффекта фоновой фотографии? С горем пополам открыл какой-то раздел. Кликая по фоткам не обнаружил привычного модального окна просмотрщика... дальше не стал тратить время. Статью смотреть не стал вообще. Мой вывод: юзабилити прошлого века и крайне не дружественно; кроме эффекта больше ничего стоящего внимания.
    • 29 Мая 2015 10:49
      Logart2006
      Совершенно согласна! Отстой.
  • 29 Мая 2015 12:38
    sadchenko
    На сколько я понял это сдлано под планшеты и смартфоны. Удобно если с планшета сидишь, но есть некоторые нюансы, прокрутка то пересккивает через одного, то по нажатию на стрелочку не открывается галерея. Задумка хорошая, просто сырая и требует доработок!
^ Наверх ^