5 советов верстальщику
Евгений, 26 мая 2008
Максим Покровский передал мне эстафету советчика в акции запущенной Никитой Селецким. Не буду пытаться насоветовать что-то очень узкоспециализированного или особенно продвинутого, мои 5 советов прежде всего для тех кто еще не чувствует себя мастером кода.
- Изучайте стандарты
Казалось бы, что тут и говорить, как можно верстать не зная CSS или HTML, на практике некоторые пытаются это делать, изучая их по учебникам бородатого года, иначе откуда могут братьсяalign="center"или<center>в 2008 году, видимо частично оттуда и табличная верстка. Я даже столкнулся с тем, что новичкам преподносят стандарты как что-то очень сложное. На самом деле спецификации HTML и CSS мне кажутся вполне доступными для любого верстальщика, если не полностью то по большей части. С другой стороны прочитать всю спецификацию часто просто лень, тогда стоит хотя бы ссылку поместить на видном месте и заглядывать туда иногда если возникают вопросы или появляется время. Если кто не в курсе то основные спецификации используемые в веб можно найти на сайте W3C, для многих спецификаций там же можно найти ссылку на перевод.
- Используйте расширения браузеров для разработчиков
Расширения вроде FireBug позволяют экономить много времени при верстке или доработке уже сделанной кем-то страницы (особенно во втором случае), при поиске решения и экспериментах с разметкой. Среди таких расширений FireBug вне конкуренции, Web Developer Toolbar не столь необходим, но все же там очень много разных возможностей, хотя бы даже возможность быстро изменить размер окна браузера, чтобы посмотреть как страница будет выглядеть на другом разрешении и ссылки на валидаторы. Еще пожалуй нужен плагин, позволяющий сделать скриншот страницы, причем как видимой части так и полностью, я для этой цели использую Pearl Crescent Page Saver. Постепенно такими расширениями обзаводятся все браузеры, для IE есть Web Developer Toolbar, для Opera совсем недавно появился Opera Dragonfly.
- Используйте семантическую разметку
Что за зверь такой можно почитать в статье Семантическая вёрстка.
- Упрощайте
Встречаются страницы код которых можно легко сократить в 2-4 раза, для чего верставший так усложнял себе жизнь? Кто-то пару раз использовал таблицы «чтобы не заморачиваться» и создал себе гору кода, там где можно было в четыре строчки вписаться, кто-то нафигачилstyle=""чтоб быстрее, а ускориться ему еще предстоит когда он менять будет эти стили, по всей странице. - Изучате работу мастеров
Я часто нахожу, что нибудь полезное в приложениях Google, разбирая их с помощью FireBug. Уверен, что это не единственное место где можно заниматься изъятием интеллектуальной собственности.
Передаю эстафету: Владимиру, Дмитрию, Всеволоду, Константину, Илье.
Похожие статьи
Волотко Дмитрий 27 мая, 2008 0:38 #
Спасибо, перехватил - завтра напишу.
Правда мне, к сожалению, особо некому передавать эстафету.
Разные советы : Заметки программиста 27 мая, 2008 6:07 #
[...] 5 советов верстальщику: [...]
Жилинский 27 мая, 2008 7:08 #
А я не специалист по верстке :-P
Волотко Дмитрий 27 мая, 2008 8:22 #
Владимир, не отмазывайся )
Жилинский 27 мая, 2008 8:26 #
- Hello?
- Hello!
- Are you a support enginer?
- Yes.
- Do you speak russian?
- Нет. No. Б**, палюсь... xD
Волотко Дмитрий 27 мая, 2008 8:33 #
=Р
Ждём поста, да, да! )
har00n 27 мая, 2008 8:36 #
Блин, единственный нормальный пост по теме "пяти чего-то там дурацких советов". Эти хотябы адекватны полезны начинающему.
Евгений 27 мая, 2008 9:12 #
На самом деле хороших советов предостаточно, список многих советчиков составил Sam:
http://rmcreative.ru/blog/post/neskolko-sovetov-verstalschikam
Юра 27 мая, 2008 10:25 #
Спасибо Евгений =)
rmcreative читаю чуть ли не одним из первых, не всё конечно понимал, но читал =)
очень благодарен всем участвующим в этой эстафете, и Вам Евгений в частности!
для меня это очень вовремя и действительно помогает!
Блог Волотко Дмитрия - Это нормально © :: Entries :: Несколько советов верстальщику (крайне полезный флешмоб) 27 мая, 2008 10:43 #
[...] Евгений (Design For Masters) передал мне эстафету в полезном, на мой взгляд, флешмобе, который запустил Никита Селецкий. Правда я не считаю себя настолько профессионалом, что бы что-то кому-то советовать, потому просто выскажу несколько позиций, которые у меня родились исходя из моего опыта и стажа. [...]
SHDW 27 мая, 2008 12:38 #
А для сафари есть Debag
Debag вклчюается вот такием образом.
МАК в терминале пишем:
defaults write com.apple.Safari IncludeDebugMenu 1Win заходим в c:\Documents and Settings\имя_пользователя\Application Data\Apple Computer\Safari\Preferences.plist и там:
<key>IncludeDebugMenu</key><true/>
Dmitri 27 мая, 2008 14:05 #
Не надо учиться верстать по страницам google. Например, их центральная научит тому, как не надо делать:
<div id="guser" align="right" width="100%" style="padding: 0pt 0pt 4px; font-size: 84%;">Я для себя понял, что лучший метод это смотреть на портфолио людей, которые секут в теме. Например, посмотрите в код этой страницы:
www.mariusroosendaal.com.
Евгений 27 мая, 2008 17:27 #
SHDW, для Safari win даже файл такой не нашелся.
Есть такая штука как:
<key>IncludeDevelopMenu</key><true/>
но ее и через настройки можно включать.
Dmitri, я сейчас только посмотрел на главной там и
<center>присутствует :) В то же я заимствовал прикрепление файлов как в GMail, до этого писал статью о закруглении углов без избражений, а подсмотрен этот способ в Gmail, правда оказалось, что это велосипед (только давайте не будем обсуждать целесообразность этого метода), да и еще много чего узнал от Google.SHDW 27 мая, 2008 17:40 #
Евгений, когда я последний рас заглядывал в Виндоус нельзя было извиняюсь за устаревшую информацию. Я скорее оставил комент не что бы поделится советом как включать дебаг, а просто обидно что игнорируют достойный браузер с очень неплохим средством дебага страницы. Подумал может вы не знаите о нем вот и написал =)
Участник форума htmlbook.ru 27 мая, 2008 18:09 #
Это наверное цитата знаменитого Алекса2 на форуме forum.htmlbook.ru
Волотко Дмитрий 27 мая, 2008 18:32 #
Евгений, пришли плиз в аську ип этого умника, любопытно кто это :)
Евгений 27 мая, 2008 18:51 #
Это не Алекс2, ip у меня нет, к тому же если бы и был я бы не стал его разглашать (такая уж политика).
Вообще с цитатами я погорячился, пожалуй не стоило их публиковать, не политкорректно получилось. Просто хотел показать, что иногда вполне разбирающиеся в верстке люди по неизвестным науке причинам пугают новичков стандартами, из-за чего те начинают пользоваться другими источниками информации, причем часто не особенно качественными или просто устаревшими.
Волотко Дмитрий 27 мая, 2008 19:01 #
Да, с ипом погорячился.
Тормоз 28 мая, 2008 6:44 #
Google?! Это где у них есть хорошие решения в коде, можно пальцем показать?
Денис Судилковский 28 мая, 2008 19:11 #
Pearl Crescent Page Saver. - он не делает скрины Flash-объектов, если они вставленны через SWFObject.
Евгений 28 мая, 2008 19:18 #
Денис Судилковский, только что в FF3 сделал скрин с Flash-объектами вставленными через SWFObject 2, все объекты на своих местах, хотя иногда flash действительно ускользает.
Евгений 28 мая, 2008 19:29 #
Тормоз, пожалуй чистенькой семантической верстке у гугла особо не поучишься, но можно выдрать что-нибудь полезное для веб-приложений, выше я уже писал, примеры.