Сергей ZSA

Прошел через все стадии создания web-проектов начиная с копирайтинга, заканчивая back-end и настройку серверов. В итоге остановился на front-end + чуть-чуть дизайн (но это не значит, что плохо знаю фотошоп))).

Что мне было делать лень, как дизайнеру:
1. Прикладывать файлы со шрифтами
2. Архивировать работу
3. Писать комментарии к дизайну
4. Присылать исходники иконок (если используется пак)
5. Рисовать :hover :active :focus и тп для элементов, которые это 100% требуют
6. Общаться с тугим верстальщиком, который не может отличить iline от inline-block
7. Корректировать работу, если это просит верстальщик

Что я понял, когда перешел на другую сторону:
1. Я хочу архив с адекватными шрифтами (идеал - ссылку на шрифт в goolge fonts или подобном сервисе, где есть сразу все форматы шрифтов)
2. Я хочу хотя бы .zip потому что инет в России не всегда и везде качественный и я могу быть не дома, когда хочу скачать и посмотреть диз, а он весит 300мб
3. Я хочу несколько .psd если лендос/сайт большой (экранов в 25-30 или больше). Разбивайте на 7-10 экранов максимум каждый .psd потому что не у всех верстал 8-16 гигов оперативки
4. Я хочу состояния :hover :active (пожалуйста!!! пусть уж без :focus, сам его придумаю)
5. Я хочу ссылку на пак с иконками, если они использовались в дизайне
6. Я хочу комментарии пусть даже в .txt если там что-то из-под чего-то должно выезжать при наведении/клике и тп
7. Я хочу группы в макете с адекватными названиями, а не сплошняком все слои и/или группы "Группа 1 и тп"
8. Я хочу минимум скрытых слоёв/групп в шаблоне (если группа не может донести суть - писать в .txt для чего она)
9. Я хочу каждую часть текста по отдельности, а не заголовок (60px желтый отступ от абзаца с помощью межстрочного интервала) вместе с абзацем (18px белый с межстрочным интервалом не равным заголовку). Хочу чтоб был отдельно абзац и отдельно заголовок (подзаголовок, без разницы как называть)
10. Я хочу отдельно каждую картинку, а не слитый воедино фон шапки с изображением товара/курса/др.
11. Я хочу большой векторный логотип отдельно от шаблона
12. Я хочу прозрачность, чтоб сделать png, а не "Режим наложения"->"Умножение" (обязательно адекватно мягко по контуру вырезанный объект, а не ступенька из пикселей)
13. Я хочу общаться с дизайнером, если у меня есть его контакт
14. Я хочу мобильную версию, если она должна быть у сайта
15. Я хочу бесшовную текстуру отдельно от документа, если есть фон, который имеет свойство повторяться (его в "Наложение узора" обычно ставят в стилях слоя)
16. Я хочу скайп дизайнера в макете чтоб связаться с ним))) Главное нарисуйте так, чтоб его не принять за элемент сайта и не заверстать случайно

Ну как-то так. Думаю список можно ещё пополнить, но уже о некотором сказали.

P.S. Я не эгоист, уже давно сам придерживаюсь всех этих правил, если хотят, чтоб дизайном занимался именно я.

Если там после дизайнера переделок поуши - спрашивать у него про адаптивность нет смысла, он не знает, как она работает/будет работать. Хороший верстальщик может сам сделать адаптивность спокойно, просто об этом надо предупредить заказчика и стребовать с него деньги за дополнительную работу. ТЗ для дизайнера возможно криво было составлено, а может и вообще не составлялось

1. Проверка на валидность
2. Табуляция
3. Как можно меньше использования тегов. К примеру
<div class="logo"><img src="logo.png"></div> лучше делать так <img src="logo.png" class="logo">
4. Подключение скриптов и стилей внизу страницы перед закрывающим body
5. Отсутствие inline стилей в документе
6. Все style и script в файлах, а не в html (я иногда пишу js в доке, если его мало)
7. ID - единственный на странице, class - множественный
8. Вложенность тегов, о которой вы говорили
9. Отсутствие лишних пробелов Пример:

<div>
     <img>
____
     <a></a>
</div>

___ - пробелы, которые надо удалить, оставив пустую строку.
10. Пробелы в атрибутах. К примеру <a class=".."> но о них вам валидатор скажет сразу, поэтому не вижу смысла описывать правила валидности

Ну наверно и всё.

Igor Belka вообще то человеку надо что-то вроде этого jqueryui.com/resizable

Я сделал копию папки с установленными расширениями, а папку закинул на OneDrive ну и она ещё лежит на компе локально конечно. Расширения добавляю редко очень, программа минимально собрана (всего 5 расширений)