Требования к современной верстке?

Есть ли где-нибудь обновленные чек-листы по верстке (front-end html/css) 2020?
Статьи или boilerplate или инструменты?
Есть ли готовые webpack сборки именно для верстки?
  • Вопрос задан
  • 9502 просмотра
Пригласить эксперта
Ответы на вопрос 4
uselessmindYEAH
@uselessmindYEAH
Frontback cocaine developer
erkinaltai
@erkinaltai
Full stack web
https://hackernoon.com/hn-images/1*YTP0ii6kEqZtxUN...

Также советую использовать вот это при верстке. На текущий момент это лучший стартовый репозитарий на основе gulp в рунете.
https://nicothin.pro/page/my-start-kit
Ответ написан
@DeniSidorenko
Хочется дополнить ответы что написали выше. Умение писать правильный код который можно будет интегрировать с движком. Часто бывает что сдают верстку, визуально вроде все окей, но код настолько не структурирован и не логичен что ужас. Много кастомных классов где не требуется. К примеру каждый слайд- в слайдере имеет свой класс и стилизуется отдельно ( когда это можно было не делать) .При выводе из базы данных - очень много проблем создает.
Редко когда встречается хорошая аккуратная верстка, которая изначально предполагает что контент будет меняться . За частую при смене даже фото - все летит.
Ответ написан
@HikariNoSekai
Middle Front-end Developer at Visata Systems LLC
Что для верстки:
1. Media queries; знание mobile first верстки;
2. Адаптивная и кроссбраузерная (да в 2к20 иногда приходится поддерживать IE, к тому же в Mozilla и Safari все может выглядить иначе) верстка;
3. Flex box;
4. CSS grids;
5. SASS/SCSS/PostCSS (и плагины к нему);
6. Шаблонизаторы ( pug, nunjucks) и сборщик Gulp;
7. Знание современных HTML тэгов;
8. Базовые знание JQuery и отличные знания и понимание "ванильного" JS и ES6+ Javascript стандартов;
9. Паттерны верстки;
10. Понимание и использование на практике Bootstrap сетки и самого CSS фреймворка.

Добавлю что для структуризации как раз можно использовать BEM подход написания кода. Так же можно использовать в css / pug компонентный подход

Если что-то забыл, дополните меня господа любезные
Ответ написан
Ваш ответ на вопрос

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

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