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

Question

[swcalc]

Ребят, я знаю html и css, могу делать клевые штуки, но, как писать быстро?
То есть, я могу часами лупить в экран и делать какую-нибудь мелкую хрень, потратить день на ерунду, когда нужно быстро сверстать макет страницы.
Как вы ускоряетесь, становитесь более усидчивыми и не тратите по несколько часов на размышления, типа margin-top: 1px; или margin-top: 2px;
Как определяться быстрее в выборе положения элементов и их необходимости?

Comments

[copal]

Ну если Вы такие интимные вопросы выносите в общество, то получайте правдивый ответ - Вы либо тормоз, либо не имеете опыта. В первом случаи уже ничего не поделаешь, а во втором Вам нужно больше практики законченных проектов. Других вариантов нет.

[swcalc]

copal: Спасибо большое = ), учту, не думали решить проблему с противоположным полом? Снимает стресс.

[copal]

swcalc: ой, Вы знаете, у всех аналогичные проблемы и все сидят и думают по половине дня, только об этом не рассказывают. Вы не переживайте, никто Вас за это ругать не будет и все Вас поймут. Утютютютют... Вы такое ждете чтоль? Нюнечка?

[swcalc]

copal: Возможно, но не от Вас :—(

Answer 1

[Денис Букреев]

в firebug сначала экспериментируем, потом уже добавляем код в файл

Answer 2

[Yaroslav Lyzlov]

Опыт.

Comments

[swcalc]

Так, вроде уже накопил (

Answer 3

[Niko Frost]

Просто сиди и пиши. Понятия по пикселям придет само. Скорость тоже улучится, по мере накопления опыта и роботы. Можешь взять какой нибудь макет и начать верстать его, потом еще один и еще и еще. Наберешь большой опыт, решая проблемы по мере верстки, и ко всему этому наберешь портфолио.
Установи редактор Sublime Text и накати на него Emmet. Почитай инструкцию по данному плагину.
Вот отличные уроки по ним:
Sublime Text - Обзор редактора
Emmet - Обзор плагина

Comments

[swcalc]

Суть в том, что сидишь, а тормозишь в размышлениях

[swcalc]

Кстати, что значит "Взять макет"?)

Answer 4

[Ярослав IKARUS]

Вообще это не очень хорошо юзать пиксельную верстку, рекомендую использовать для расчетов относительные величины такие как EM и проценты. А так же обязательно изучите SASS или LESS, потому что верстать на чистом css в 21 веке это колхоз

Comments

[swcalc]

Почему не хорошо? А, насчет плагинов и прочего, считаю, что это не круто = )

[mr_dev1l]

swcalc: ну тогда дальше тратьте по несколько часов на разные мелочи.

[swcalc]

mr_dev1l: А как мне поможет плагин? Разного рода плагины - стагнация ваших мозгов.
Я достаточно быстро пишу на чистом css, проблема с проектированием, подбор цвета, расположение и т.д. - что влияет на восприятие материала.
Какие тут все злые :—(

[Ярослав IKARUS]

swcalc: это не плагин называется, а препроцессор.

Ну я тоже когда то думал что я самый умный и что писать на чистом css это быстрее и лучше чем на SASS, но щас я уже себе и представить не могу верстку без этого. Верстать на чистом css это тоже самое что программировать на ассемблере каком нибудь.

Советую хотя бы попробовать начать работать с sass или less, не пожалеете