Как измерить скорость верстки, т.е. оценить насколько быстро верстаешь?

Question

[Дмитрий]

Недавно задался необычным вопросом: "как быстро я верстаю?". Понимаю, что вопрос более глубокий, ведь верстать можно быстро, но некачественно. Или наоборот медленно и качественно. Вот и хотел спросить у сообщества, не знает ли кто вообще способы оценить свою способность верстать (быстрота, качество и т.д.). Есть ли какие примеры страниц с указанием того сколько времени у верстальщика должна занимать верстка. Может опрос какой-нибудь устроить? Например, выложить макет и спросить за сколько его сверстаешь, при условии выше среднего качества верстки (хотя, я конечно, понимаю, что термин "выше среднего качества верстки" далек от объективности).
У кого-нибудь есть какие мнения по этому поводу?

Answer 1

[Виталий]

Такое впечатление, что сдаётся норматив по бегу.
У вас слишком много переменных, чтобы иметь какие то данные. Тут главное, чтобы вы в срок укладывались. Я обычно накидываю 30% времени на всякие неприятности. И в итоге почти всегда успеваю вовремя. Клиент доволен - все довольны.
Качество верстки - со стороны исполнителя - как максимум валидатор, как минимум корректная кроссбраузерность.
Со стороны клиента - чтобы вложения в сайт окупились как можно быстрее: чтобы клиент не ушел, из-за того, что у него как то криво тут и страница грузится 10 минут.

Comments

[teotlu]

"Качество верстки - со стороны исполнителя - как максимум валидатор, как минимум корректная кроссбраузерность" — странно, что у вас среди параметров нет таких, как "возможность переиспользования", "лёгкость поддержки" и прочих, которые необходимы при вёрстке проектов, живущих достаточно долго.

[bobrovskyserg]

Я верстаю со скоростью 100500 сайтов в день, но такая фигня получается )))

[Виталий]

teotlu: я бы сказал, что это не столько качество, сколько стандарты конкретной архитектуры для конкретного проекта. Над крупными проектами мне, пока, не довелось работать, где нужен git и тд.
Обычный CSS в строчку, простая логика. Сайты до 1000 уников в сутки, чаще клиент - заказчик, ничего сверх...

[teotlu]

Виталий: а сколько времени у вас в среднем уходит на главную страницу сайта и на внутреннюю? Ну примерно, порядок. Просто интересно) Я недавно себе настроил сборщик по статье habrahabr.ru/post/250569 , очень доволен, советую. Особенно удобно, когда есть два монитора — на одном код, на другом браузер. Благодаря browser-sync + perfect pixel можно подгонять CSS под макет без перезагрузки страницы.

[teotlu]

bobrovskyserg: ахахаха, ну вы главное доктайпы не забывайте) И поставьте emmet, сможете успевать верстать в два раза больше рандомных сайтов :)

[Виталий]

teotlu: у меня в планах node.js пощупать, тогда попробую разобраться со сборщиками.
Сколько времени уходит - не скажу, проект проекту рознь, один можно за пол дня сделать( часа за 3), на другой уходит 3 недели ( доделки, переделки и тд).
Скажу одно, что с emmet ускоряет процесс раза 2, а то и 3 раза. Раньше юзал толко Саблайн, но как то залез в CodeLoabster и теперь 50/50 ...
Больше всего времени отнимает порезка графики и JS, а html / css это так - 90% набор текста.

[teotlu]

Виталий: я и сам юзаю Emmet, правда сейчас сильно меньше, поскольку у меня уже есть база своих html+css модулей, и я в основном их комбинирую просто и добавляю новые по необходимости. Т.е. не приходится ручками писать много кода html, и Emmet несколько теряет свою ценность (хотя для css он по-прежнему полезен).

Answer 2

[Максим Кудрявцев]

Про шаблонные страницы с эталонным временем верстки не подскажу, но сам для оценки своей продуктивности на шаблонных задачах использую Toggl - это тайм-трекер такой. Начинайте делать задачу - включайте таймер. После того как сделайте штук 10 однотипных задач с включенным тайм-трекером, по его отчетам сможете установить сколько времени у Вас на это уходит.

Answer 3

[Богдан Духевич]

Скорость верстки очень сильно зависит от типа проекта. Также скорость верстки прямо пропорциональна объему навыков (как связанных с IT, так и базовых), умноженному на опыт.

Чтобы измерить скорость чистой верстки с типичным функционалом идеально подойдет обычный несложный лендинг, а лучше сразу несколько. На лендинги небольшого размера у опытного верстальщика уходит от 5 до 9 часов, в зависимости от инструментов и технологий, которые он применяет при верстке.

Оценить скорость конкретно только верстки под CMS довольно сложно, так как верстка под CMS включает также много других смежных задач и подводных камней.

Основные навыки и инструменты, повышающие скорость верстки:
- touch typing - слепая печать - незаменимый навык, значительно ускоряющий любую деятельность за ПК
- emmet, сниппеты, сохраненные заготовки, шаблоны
- препроцессоры
- хорошее владение редактором кода (шоткаты и т.п.), быстрое перемещение по коду
- способность быстро осваивать новую информацию и сразу же применять ее
и т.д. - можно долго продолжать этот список

Использование первых трех в сумме дает очень большой прирост скорости.
В таком случае скорость верстки будет выше средней.

Comments

[teotlu]

Очень полезный ответ)
"На лендинги небольшого размера у опытного верстальщика уходит от 5 до 9 часов" — имеется в виду только вёрстка, или клиентские скрипты тоже? (Слайдеры, стилизованные элементы форм, всякие там попапы и т.д.).

[Богдан Духевич]

teotlu: клиентские скрипты тоже (кроме отправки писем - хотя и это можно сделать).

[teotlu]

Богдан Духевич: а письма каким боком к вёрстке относятся?) Ну, вообще, всё зависит ещё от дизайна. Бывают такие макеты, которые без всяких извращений и ухищрений не сверстаешь, и на них тратится куда больше времени в итоге.

[teotlu]

Богдан Духевич: о, а вы можете кинуть пример такого лендинга небольшого размера? Чтобы более точная картина вырисовывалась.

[Богдан Духевич]

teotlu: насчет писем - заказчики частенько хотят переложить весь лендинг на фронтендера, потому и упомянул такой момент.

А насчет плохих дизайнов - ведь мы же оцениваем скорость верстки в условиях, близких к идеальным, разве нет? То, что бывают перлы в макетах, это уже отдельная тема :)

[Богдан Духевич]

teotlu: да, но чуть позже, если не забуду

[teotlu]

Богдан Духевич: а, насчёт лендингов — да, часто целиком фронтендер делает. Я недавно делал такой проект, там ещё робокасса и всякие другие бэкэнд-приблуды были, кроме писем. Спасибо, я вам напомню, если что :)