R50 f7317ddf877af9ef852cd79e0640288d
Вёрстка сайтов

САЙТ МУЖСКОГО МАГАЗИНА ОДЕЖДЫ И АКСЕССУАРОВ Porten

Добавлено 04 сен 2022 в 21:33
Пощупать вёрстку на Github

  • HTML, SASS(SCSS), JS(jQuery). Сборщик: Prepros. Редактор кода: Sublime Text 3
  • FlexBox, CSS Grid Layout, методология БЭМ
  • Адаптив до 320px
  • Анимация первого экрана и блоков с коллекциями (JS), sticky header (JS), модальные окна (карточки товаров и авторизация), слайдер
  • Меню бургер, hover/focus
  • Страница 404
  • Кроссбраузерность (Chrome, Яндекс, FireFox, Microsoft Edge, Opera, Safari)
  • Оптимизация загрузки, на выходе компактный style.css

  • Повторяющиеся стили и используемые цвета вынесены отдельно в шапку style.scss
  • Комментарии в каждом файле html,css/scss,js + отдельно вынесенные @media в style.scss/style.css
  • Иконка сайта
  • Изображения расформированы по папкам, соответствующим разделу
  • Добавлены мета-теги (viewport, запрет на автоматизацию номеров телефонов на iPhone, запрет на масштабирование на Android)
  • Изображения оптимизированы в соответствии с их ролью на сайте (.jpg, .png, .svg)
  • Необходимые атрибуты в ссылках (напр. href="tel:", type в input)
Bf357251be C6e20e7f14 Cb32cbb016