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

САЙТ СТУДИИ ДИЗАЙНА И РАЗРАБОТКИ Piroll

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

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

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