Где посмотреть примеры красивой верстки сайта?

Готов сайт, а именно, веб-сервис. Главная страница представляет из себя подобие лендинга. Следующий этап - Верстка. Где можно посмотреть примеры хорошей верстки? Интересуют именно различные эффекты, появление, пропадание и так далее.
  • Вопрос задан
  • 59514 просмотров
Решения вопроса 6
neoshinji
@neoshinji
Проектировщик простых интерфейсов
Ответ написан
Комментировать
www.awwwards.com - очень много классных сайтов
tympanus.net/codrops - эффекты и техническая реализация
Ответ написан
Комментировать
@gentoonofb
на behance
Ответ написан
Комментировать
iscareal
@iscareal
Front-End Developer
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 15
Gambala
@Gambala
Дзен-разработчик
Комментировать
Nexen2
@Nexen2
Web backend Yii2/Symfony Coder
www.csszengarden.com

Мало чистого HTML и много CSS, но не задавать стиль кнопки кучей классов, определяющих каждый свой стиль отдельного угла, а в стиле "задал класс одному блоку, и все элементы стилизовались".

Так же, хорошая верстка - это когда сменой файла стилей сайт меняется целиком (как на дзен-гарден). А дальше цепляем файл стиля для печати, файл стиля для наладоника, для телефона и пошло-поехало....
Ответ написан
passshift
@passshift
php, js, html5, css
Ни один из примеров не понравился... vichuga.info - ужас, загляните в код

Здесь можно найти много интересного - https://dribbble.com
Ответ написан
Комментировать
@MaximGraff
Тоже искал как-то подобный сайт, где можно черпать фантазию для верстки, различных hover-эффектов, анимаций для кнопок и т.д. Нашел такой сайт - devtutor.ru и добавил в закладки в браузере. На нем большая коллекция готовых решений для верстальщика. В общем, годнота да и только. Пользуйся на здоровье)
Ответ написан
Комментировать
dimka-dooz
@dimka-dooz
front-end разработчик)
Нужно конкретно определить какие эффекты. Гугли виды скролл-эффектов. Куча вариантов с примерами и уроками.
html5.by/blog/scroll-effects - тут есть некоторые.
tympanus.net/codrops - это можно посмотреть, много интересного.
Ответ написан
Комментировать
@Stragon
Ответ написан
Комментировать
kissarat
@kissarat
Node.js
А как насчет посмотреть шаблоны для разных движков?
Ответ написан
Комментировать
antonydevanchi
@antonydevanchi
10 лет в айтишке
Я не совсем в тему буду, но вот вам пример годного лэндинга который работает и не парит пользователям голову с анимациями. Конверсия годная.

Так же если речь идёт про верстку, то можете и исходники посмотреть, там неплохой BEM.

https://teamkey.guru
Ответ написан
Комментировать
kegf
@kegf
Unix, Linux, Cisco админ, сетевик, программист
Мне очень понравилось промо Fly tornado.fly-phone.ru
Ответ написан
@ruslangolubev1
Не плохой на мой взгляд vichuga.info
Ответ написан
Не понимаю таких вопросов, спросите у клиента, или дизайнера, что в макете в конкретном месте он задумал, и так по каждому элементу ищите решения, но никак не смотреть на множество сайтов и оттуда чё нибудь тырить.
Ответ написан
Enpire
@Enpire
Ответ написан
Комментировать
vasiliy0s
@vasiliy0s
JavaScript full-stack developer
Окромя вышеупомянутого awwwards часто смотрю patterntap и designshack для поиска вдохновения. Иногда переключаюсь на dribbble, и даже в pinterest нахожу "примеры для подражания".
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы