@nickolya
В попытках найти порядок

Составили требований для верстальщика, не перегнули ли палку?

Работаем с удаленными верстальщиками и постоянно ходим по граблям, когда верстку передаем в программинг.
Сделали гайд, что хотим от верстальщика заточенного под нас: html.jarency.ru
Скажите, насколько адекватно это требовать от верстальщика?
  • Вопрос задан
  • 6083 просмотра
Пригласить эксперта
Ответы на вопрос 10
Не вижу каких-то чрезмерных требований, наоборот их можно еще дополнить. Если читать сей "документ", может показаться что вы излишне требовательны, но на деле для нормального верстальщика все то что вы описали является нормой. Про бэм тоже не понял.
Ответ написан
sim3x
@sim3x
1.1. Структура директорий
mkdir -p  html/{css/fonts,scss/util,js/vendor,i/icons}
tree html
spoiler
html
├── css
│   └── fonts
├── i
│   └── icons
├── js
│   └── vendor
└── scss
    └── util
.

1.2.1. Breakpoints
Достаточно сказать, что все переменные храним в отдельном файле

20 Для ID - camelCase. ID нам нужен для JS
Неправильно. Нужно использовать классы. Если требуется отделить классы для стайлинга и для жс - делаем префикс

23 Используем Автопрефиксер, он расставит префиксы за нас. Используем автоматизацию — ставим его как пакет и подключаем в процесс обработки стилей. Не используем автоматизацию — есть он-лайн вариант
Делаете верстку с флексом = не используете старые браузеры = не требуются префиксы = не требуется аутопрефиксер
Не делать автоматизацию - такого пункта даже в теории быть не может

2. Используемые решения
Смешивать общий гайд и стайлгайд - не нужно
Стайлгайд вообще нужно готовить отдельно для каждого проекта

Про бем уже все сказали
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Советую так составить документацию:
1. Создайте "чистый" пустой("белый лист") шаблон-заготовку (без сторонних библиотек и с возможностью скачать его в архиве) и кратко опишите структуру шаблона (включая разметку сетки и её поведение по-умолчанию при различных разрешениях).
2. Опишите формат секции(-й) для подключения сторонних библиотек и их самих: для чего они нужны и в каких случаях их необходимо применять. (можно добавить подключение всех и закоментировать в "чистом" шаблоне-заготовке и выложить в доп.архиве)
3. Создайте каталог всех элементов шаблона: слева - сам объект, справа - исходный код.
4. Отдельно опишите основные, наиболее часто используемые стили и их доп.модификаторы.
Ответ написан
vicodin
@vicodin
Имею некоторый опыт
норм, молодцы
если не будет хватать дополните потом, или верстальщик применяя какие-то правила может дописывать прямо туда
ну и можно для общих случаев воткнуть это https://google.github.io/styleguide/htmlcssguide.html
Ответ написан
@InoMono
Покомпактнее надо бы.
Никто не осилит прочитать столько.
Меньше разделов.
Ответ написан
delphinpro
@delphinpro
frontend developer
Детский сад.
Сорри.

Вы точно не перегнули палку. Скорее — недогнули =)
Хотя некоторые пункты и спорные, но это уже личное предпочтение ))
Ответ написан
tema_sun
@tema_sun
Для начала очень даже неплохо. Есть куда ужесточать
Зря не используете БЭМ.
Ответ написан
Нормальные требования, совсем не жесткие даже. Но некоторые пункты спорные.
Ответ написан
Ваш ответ на вопрос

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

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