Обзор кейса “Rehub“ Верстка + дизайн от верстальщика)
Заказчик: Обезличен по просьбе
Задача сделать по образу и подобию: , ,
Прототипы с текстами были предоставлены, дизайн сначала заказали у дизайнера, но заказчику не зашел, потом попробовали еще одного “Тоже мимо” по итогу я предложил дизайн от себя и попал в ТОЧКУ.
Итоговый результат:
В разработке использовались библиотеки: swiper, lightgallery (и ее плагины).
Начиная с этого проекта от JQ я полностью отказался. Теперь вcе проекты делаются только на Нативном JS, что в свою очередь экономит место и увеличивает скорость загрузки сайта.
Все стили CSS прописаны в соответствии с методологией mobile first а также BEM.
Также вместо стандартного тега IMG я использовал тег Picture для более высокой оценки сайта поисковыми системами. (Там где подразумевается динамический вывод изображений (Галереи, слайдеры) тег picture не использовался)
Верстка получилась:
Адаптивн
7 views
3463
1142
2 weeks ago 00:42:40 95
[SHIMOROSHOW] ЗАЧИСТКА ГОРОДА! - ПЕТЯ ВСЕ БЛИЖЕ К БАЙКУ - ВЫЖИВАЛКА SCUM
2 weeks ago 00:13:09 1
WOT ИДИОТЫ #204 | ТЫ БУДЕШЬ ПЛАКАТЬ ОТ СМЕХА! Самые редкие раки [World of Tanks]
2 weeks ago 01:37:26 54
КАК ПОСТРОИТЬ НАДЁЖНЫЙ ДОМ И НЕ ПОПАСТЬ НА ДЕНЬГИ? УТЕПЛЕНИЕ, ВЕНТИЛЯЦИЯ, ЛАЙФХАКИ!
2 weeks ago 00:03:47 12
Как в DataLens изменить масштаб чарта. Обзор новой функции. Уроки для начинающих аналитиков.