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

[irene]

Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа

[npofopr]

html

А вообще. Иметь под рукой готовые сниппеты. Как вариант

[Great Rash]

Я не думаю, что делать страницы за 2 часа реально. Если только это очень простые или однотипные макеты.

[Bryant-24]

Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа

М-да, ну и вопрос. Это из оперы: "как правильно жить?". Научиться быстро верстать можно только одним способом: верстать, верстать и еще раз верстать. Только после того, как набьете достаточное количество шишек, сможет быстро оценивать и правильно верстать сайт (и делать код кончено же валидным, что по-началу соблюдаться скорей всего не будет). Только личный опыт.

Edited November 6, 2012 by Bryant-24

[Viper]

Я не думаю, что делать страницы за 2 часа реально. Если только это очень простые или однотипные макеты.

Реально, даже если и не очень простые А с zen codding и фреймворками и за 1 час клепать можно) Но да, это не страницы сложных проектов и очень страдает качество...

[irene]

Спасибо всем за ответы, вы мне очень помогли. Значит буду изучать сниппеты, Zen Coding и фреймворки.

[Evkaky]

Zen coding уже стал emmet.

На пример, для редактора sublime text 2 он уже точно есть в виде плагина https://github.com/sergeche/emmet-sublime

emmet - это тот же Zen coding + аналогичная фича для цсс. Набираешь что-то типа wd100 жмешь Tab (или что-то другое, в зависимости от настроек своего редактора) и это разворачивается тебе в полноценный width: 100px;

Тоже удобно.

Так же, в определенных кругах советуют такую штуку, как LESS http://lesscss.org/ (или что-то похожее: SASS, SCSS)

Это такие себе, легкие задатки программирования на цсс. Он там и вендорные префиксы за тебя расставит и вообще, хвалят его очень.

Из фреймворков twitter bootstrap хорош http://twitter.github.com/bootstrap/

Ну и практика, со временем станешь верстать быстро.

Edited November 6, 2012 by Evkaky

[irene]

Спасибо, посмотрю ссылки.