Как научится быстро и качественно верстать?

[irina_f]

Как научиться быстро и качественно верстать ? А то я  очень долго верстаю. Есть какие то хитрости или помощники - сервисы?

[Great Rash]

Практика.

[DivMan]

долго это сколько? я уже 1 год учусь верстать, так толком и не научился, до этого ещё много времени ушло на изучение элементов и тегов. 

Edited November 14, 2014 by DivMan

[Galaxy]

Вот сервисы всякие точно не надо использовать.

[Switch74]

1. собирайте интересные решения на вроде: как выравнять по центру, прижать подвал к низу окна....

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

3. можете сделать для себя или найти в инете справочники: коды интересных цветов, градиентов, теней, символов и т.п.

[sigma77]

быстро != качественно

Самая быстрая верстка 5-10 минут на страницу, полная кроссбраузерность и пиксель-в-пиксель

Но вот никому такая верстка нужна не будет.

[zlodeev]

Ускорить написание HTML - Emmet и знание всех горячих клавиш редактора (мультиредактирование, замены по всему документу и т.п.), плюсом будет наличие собственных сниппетов. Готовые участки кода не редко помогают.

Имеются конечно препроцессоры для HTML, но особо смысла в них не вижу в реальных проектах, разве что на codepen побаловаться.

Ускорить написание CSS - SASS или LESS, я пользуюсь SCSS (больше на CSS похож, не путаюсь с отступами и вложенностями) и выучи @mixin и flex

Чтобы видеть все изменения моментально - ставь codekit или для текстовых редакторов плагин livereload

Чаще пользуйся веб-инспектором и если что не так вклинилось в поток - выбирай в инспекторе CSS свойство и стрелками вверх и вниз меняй его и наблюдай поведение элементов.

 

[irina_f]

Спасибо, большое за ответы

[oleg3280]

1. собирайте интересные решения на вроде: как выравнять по центру, прижать подвал к низу окна....

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

3. можете сделать для себя или найти в инете справочники: коды интересных цветов, градиентов, теней, символов и т.п.

Полностью согласен.

Также добавлю, что теорию обязательно закреплять практикой.

[Get to heaven]

мало верстал = мало умеешь, быстро это далеко не качественно а только быстро... задрачивай дальше в любом случае навыки улучшаются, хитрости и прочие фишечки открываются сами походу дела.