Лендинг за один день?

Question

[HamSter]

Народ, как вы успеваете верстать (и успеваете ли) лендинг из 5-10 экранов с формами, селектами, слайдерами, анимацией, проверкой на pixel perfect, адаптивностью, проверкой и все за 1 день?

Я в 2 дня с трудом укладываюсь и ничего не могу сделать, чтобы быстрее получалось.

Comments

[Ульрих]

У тех, кто много верстает, уже есть свои наработки. Шаблоны, участки кода и т.п

[HamSter]

Ульрих: да тоже есть уже наработанные кусочки шаблонов, кода, но пока соберешь все.

[Сергей delphinpro]

HamSter: Оформляйте куски в виде переиспользуемого кода. Если это html - используйте шаблонизатор. Вы делаете базовую разметку со вставками переменных и легко их меняете. Если это css - препроцессор рулит. отдельный файл со стилями, все параметры через переменные, опять просто правим переменные.
С джаваскриптом еще проще. Либо в виде функций, либо плагин для джиквери, либо модуль для ES2016.

Answer 1

[Кирилл Ушаков]

А день световой? Или рабочий?)

Ну а вообще, все свистелки-переделки в своей основе имеют одно и тоже, меняется лишь оформление. Главное уметь замечать похожие элементы, а это приходит с опытом. Тоже самое с адаптивностью, кроссбраузерностью и прочей необходимой херней. После 30-40 сверстанных проектов, уже не думаешь как это будет выглядеть и работать, а делаешь на автомате. Хоть с закрытыми глазами.

В общем, все склоняется к опыту.

Answer 2

[Ankhena]

Не успеваю. За 2 успеваю. Много времени уходит на проверки адаптивности.
За 1 день успеваю только самые простые, в которых сразу все ложится ровно, без фокусов.

Comments

[HamSter]

вот то же самое, в первый день могу все набросать, но основная проверка еще день занимает.

[Ankhena]

HamSter: Почему-то думаю, что лучше говорить заказчику, что на работу уйдет 3 дня и показать работу без ошибок, чем через день показывать то, что работает только в одном браузере и еще 3 дня дорабатывать, раздражая клиента и не получая удовольствия.

Answer 3

[freeman0204]

Avocode+livereload+gulp+свой заготовленный шаблон+сниппеты = неплохой результат по скорости.

Comments

[Артём Цымбалюк]

Артур Черешнюк авакод покупали? или регистрируем новый каждые 14 дней?)

[freeman0204]

Артём Цымбалюк: уже больше чем пол года регистрирую каждые 14 дней) https://www.crazymailing.com/ поставил плагин для хрома, за пару секунд новый имейл.

[Артём Цымбалюк]

Артур Черешнюк за этот полезный плагин, спасибо. Только для чего он нужен в авакоде, если почту не нужно подтверждать ?)

Answer 4

[DevRev]

Порой на корявый дизайн LP из 6 экранов может уйти 3 дня, и даже больше.
Но на самом деле действительно скорость приходит с опытом, с использованием своих заготовок (шаблонов), и с использованием различных инструментов типа Gulp, Jade, Scss и т.д

Comments

[HamSter]

Есть своя сборка gulp, пользуюсь jade, scss ... но не в работе и проектах, потому что (не понимаю почему всем так нравится) на одну сборку уходит часа 3-4 + пока придумаешь логику для jade sass , быстрее получается html, css, но это у меня

[DevRev]

HamSter: Попробуйте понять в чем вся прелесть использования данных инструментов. И как многие уже сказали понимание всего приходит с опытом, а с опытом приходит скорость.

Answer 5

[iBird Rose]

готовые вставки. у меня к примеру gist страниц на 20+. потому что большинство вещей всегда идут почти везде одинаковые. так что толку их каждый раз заново верстать.