Несколько субъективных советов верстальщику

[Vlad]

Пошло отсюда.

http://absolvo.ru/2008-05-27/neskolko-sove...eznyj-fleshmob/

1. Думай

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

2. Используй накопленный опыт

Велосипед уже изобрели, различные приемы верстки тоже. Так что больше знакомься с мировым опытом по части верстки и тебе не придется тратить время на разработку того, что всем давно известно.

3. Учи английский

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

4. Проверяй код

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

[Rudy]

толково, чувствуется опыт

[Tokolist]

Продолжу по просьбе Дмитрия Волотко.

1. Старайтесь не использовать хаки и expression.

Хаки не надежны. Много expression тормозят перерисовку страницы в ИЕ. Поэтому ищите решения без них и используйте их только если другого выбора нет. Единственный более-менее надежный хак (если это хак) это условные комментарии.

2. Учите понимать ИЕ6 полупрозрачные PNG без JS.

filter, который используется в данном случае в включенном js не нуждается, поэтому прежде чем использовать скрипты вроде fixpng.js попробуйте сделать это с помощью CSS и условных комментариев. У Вас все получится!

3. Заготовьте себе шаблоны файлов.

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

4. Используйте обнуляющие стили.

В начале основного css-файла удобно добавить стили, которые будут обнулять margin, padding, задавать удобные стили по умолчанию. При этом для обнуления margin и padding ИМХО удобно использовать следующую конструкцию:

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}

потому, что при * {margin: 0; padding: 0;} обнуляются отступы и у элементов форм.

5. Используйте инструмент Slice.

Бывает что в макете попадаются большие графические элементы. В фотошопе есть замечательный инструмент для нарезки изображений Slice. Если все сделать правильно, то мы получим качественное изображение с минимальным размером.

6. Учится, учится и еще раз учится (с)

Много читайте, будьте в курсе последних новостей мира браузеров, подсматриваете решения у других верстальщиков, на известных сайтах, ведь язык гипертекстовой разметки открыт и это так здорово!

[yopopt]

Вот и мои пять порстеньких советов по просьбе Дмитрия - сложно сказать что-то оригинальное...

Большое количество советов эстафеты Никиты Селецкого можно посмотреть здесь: http://rmcreative.ru/blog/post/neskolko-so...-verstalschikam

1. Цените сво? время

Первый и самый главный совет. Для этого учите английский язык, изучайте стандарты и не пренебрегайте тем, что уже сделано другими людьми. Знание английского языка поможет подчерпнуть много нового из статей, спецификаций и идти в ногу со временем.

2. Всегда верстайте по "стандартам" W3C

Это помогает в написании кода и позволяет сэкономить время на создание кроссбраузерных сайтов.

3. Не принебрегайте специализированным софтом.

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

4. Не зацикливайтесь на блочной в?рстке

Используйте блочную или табличную в?рстку в зависимости от сложности реализации. Если данный макет проще сверстать таблицами, то и делайте ими. Также выбирайте доктайп под конкретную ситуацию, хотя и наиболее оправдано верстать в "Standarts Mode". Создайте себе несколько шаблонов под различные типы сайтов.

5. Используйте разнообразие HTML-тегов

Множество тегов придумано не просто так. Они позволяют создавать более гибкие и кроссплатформенные сайты. Выносите все фоновые изображения в стили и избегайте излишней вложенности тегов, за исключением случаев, когда это прида?т вашему коду гибкости.

[Maslakoff]

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

[ageent]

а и еще верстайте, верстайте как можно больше и будите крутыми верстальщиками )

[Игорь Ермаков]

прочитал, воспринял.

вот только с английским у меня проблемы.