Как стать автором
Обновить

Комментарии 95

отличное советы! правда, пятое уже где то слышал :)
ИМХО для дисциплины достаточно следовать просто стандартам (без САМЫМ СТРОГИМ).
Это был намек на Strict ))
К работе надо подходить вдумчиво, с определенной степенью ответственности.
1. Никогда не слушай ничьих советов по верстке, только если ты не сам спросил.

Замечательно. А если я как, например, более опытный верстальщик увидел откровенную лажу? Молчать? А если речь идет о том, что я руководитель службы и мои верстальщики лажают. Я должен смотреть на то, как они гордо упираются подбородком в потолок не желая исправлять ошибки?

2. Будь внимательным к мелочам, ведь они в конечном счете составляют впечатление о твоей работе.
Я больше внимания обращаю на общую логику. [b] или [strong] общей картины не составят, а вот повсеместное использование FLOAT или 1001 заворот таблицы в таблицу, пусть даже в мелочах все "от иголочки", разожгут во мне желание дать асу пинка.

5. Инспектируй время от времени свои старые работы. Если при рассмотрении одной из них окажется что ты совсем ничего не хотел бы в ней изменить — пора подумать о смене профессии ;)
Лучше тратить время на изучение тех же самых спецификаций, верстки CSS.CO.UK, Зенгардена и других образцово-показательных сайтов.

Резюмирую: я понимаю, что это ВАШИ советы, но с МОЕЙ точки зрения для верстальщика они не представляют большой ценности. За исключением напутствий к самосовершенствованию.
Хм, вы немного неверно трактуете смысл топика.

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

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

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

Спасибо за ваше мнение.
Вам спасибо за адекватный ответ на комментарий.

Не исключаю, что некоторые(или даже все) советы были осознаны иначе, чем с Вашей точки зрения. Для однозначного толкования материала используйте более развернутое представление мысли ;)

Удачи!
Согласен, учту ) Спасибо
Какой смысл в абстрактных советах?

Такие советы 'не о чем' бесполезны всем..
Достаточно только слово поменять, например верстальщик на дизайнера или на программиста и готова новая пачка мега советов для программиста например.
Ну и чудесно.
Налицо удачный пример code reuse :)
очень больщой плииииз - напишите о флоатах и как без них делать )
Речь не шла о том, что использование FLOAT - изначальное зло. Я говорил о необдуманном, излишнем и неоправданном применении этой полезной и даже во многих случаях необходимой технологии.

Например, воспроизведение табличной логики с помощью связки DIV+FLOAT в большинстве случаев (подчеркиваю, опять же есть исключения!) есть изврат и непонимание сути FLOAT'ов.

Обойтись без FLOAT'ов можно, как минимум, используя табличную верстку (привет, динозавры). Существуют и другие способы, один из которых рассматривается тут:
http://www.habrahabr.ru/blog/webdev/4031…
(не самый лучший пример, кстати)

В общем, хорошо все то, что в меру и с головой.
Я больше внимания обращаю на общую логику. [b] или [strong] общей картины не составят, а вот повсеместное использование

Если я не ошибаюсь, то для SEO ключевые слова в тексте надо выделять ..это помогает по индексации страницы..
В целом да, но по этой теме люди целые статьи пишут )
..для SEO ключевые слова в тексте надо выделять [strong] [/strong]

Извиняюсь.. забыл что в ббхабре есть эти теги
чтобы писать тэги пользуйтесь html кодированием. чтобы написать <strong> нужно набрать &lt;strong&gt;
Есть популярное мнение, что STRONG "подсвечивает" слово для поисковых систем. Но это не так. Яндекс, например, относится к STRONG так же, как и к META KEWORDS - игнорирует :)
Про Яндекс это точная информация?
Я не сотрудник Яндекса, поэтому со 100% уверенностью сказать не могу. Но никаких реальных фактов, опровергающих мои слова (и мнение многих других специалистов) я пока не встречал.
А с подтверждающими как обстоят дела? )
- Собственно проверки на взаимосвязь результатов ранжирования и использование оной "подсветки";
- Мнение экспертов на searchengines.ru, многие их которых глубоко занимаются SEO.
По сути вобще сложно определить точное влияние того или иного элемента на ранжирование. Обычно ориентируются на совокупность.

Надо будет спросить у посмотреть профиль gray про strong..
Вот это да!
Поисковики давно перестали верить веб-мастерам ;) Они надеятся только на свою "голову".
Относиться к <strong> как к способу манипуляции поисковиками то же самое, как считать привлечение девушек единственной целью покраски автомобиля.

Реальная разница между <strong> и <b> в семантике. И если вы не верите, что поисковики используют эту семантику в целях ранжирования, то это не имеет никакого отношения к вопросу SЕО (вопросы веры вообще обсуждать бессмысленно).
блин, эти советы можно к любой деятельности применить.
вода, а не советы.

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

только вот, почему-то такие очевидные вещи, которые все знают, делаются с большим трудом.
поєтому надо повторять такие советы почаще, автотренинги рулят
Все знают, но мало кто помнит.. ) И да, советы подходят не только верстальщикам.
я бы сказал - мало кто применяет.
применить совет - это круто :)
совет первый — не слушать советов. (логическая бомба) =)
да, конкретики маловато, но советы не все слышат - в основном только на личном опыте учатся, так что и нечего их давать особо. Эти ко всему подойдут и я не уверен, что это плохо. Ведь, чтобы понять совет уже нужно каким то опытом обладать.
Я как раз и хотел без конкретики.
Ведь, чтобы понять совет уже нужно каким то опытом обладать.

А вот это верно.
Хм.. помойму, это универсальные советы по жизни.. стоит плюсануть
Наконец-то что-то сжатое, четкое и толковое, а не как в недавней статье делайте так или вы выблядки.
Ваш первый совет неадекватен.
А вы подумайте над ним еще немного.
Подумал. И решил по Вашему совету, другие Ваши советы тоже не слушать :)
Правильно. Каждый сам себе Прокруст ))

З.Ы. И все-таки первого совета послушались... )
хом, я с тобой полностью согласен - советы это хорошо. Лично я стараюсь давать полезные советы новичкам не потому что у них плохо, а потому что надоело видеть лажу в интернете
Можно вопрос? А вы чувствуете себя в праве давать советы?
А вы? Я всегда чувствую себя в праве давать советы по области в которой я выступаю экспертом.

На всякий случай уточню, что эксперт — это не тот кто знает всё. Бывают хреновые эксперты.
Дима, но ты же не даешь советы просто так и всем подряд, правильно. В основном это происходит если человек спросил, либо вы пересекаетесь профессионально.

Кроме того, я знаю тебя и не сомневаюсь в твоей компетентности, в отличие от комментатора выше.
"5 Советов верстальщику"
как-то не соотносится с
"1. Никогда не слушай ничьих советов по верстке, только если ты не сам спросил."
В чем проблема? В формальной логике? Все просто. Не нужно руководствоваться чужими советами — нужно учиться. Стоит выслушать мнение и сделать свои выводы, основанные на знании и ситуации.
Наверное, имеется ввиду то, что если чего-то не знаешь, то спрашивай.. а если к тебе лезут с советами, то лучше не слушай, потому что лучше учиться на своем опыте (и ошибках), а не на чужем.. хотя и начужем тоже иногда надо)
НЛО прилетело и опубликовало эту надпись здесь
Ага, ага. Вы когда огонь трогали первый раз тоже на чужом опыте учились? Ну и так далее по жизни...

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

Хотя по сути совет очень сомнительный. Я предпочитаю слушать все советы, другое дело, что не нужно их все использовать. А для формирования полноценной картины полезно рассматривать любые идеи и советы.
"Все критяне лжецы" :)
НЛО прилетело и опубликовало эту надпись здесь
Это ничего, я тоже не претендую на истину в первой инстанции ))
Наоборот. Дальше читают только те, кому действительно нужно =)
Мое мнение - только четвертый пункт исполнен глубочайшего смысла и тибетской мудрости, в остальных кроются семена сомнений:
1. Можно слушать, следовать никто не заставляет. Любой совет полезен, иногда просто чтобы поднять самооценку.
2. Некоторые мелочи важны, некоторые нет. Время - важно. Со временм понимаешь, что делать обязательно, а на что можно и забить.
3. Помимо стандартов, необходимо придерживаться собственных шаблонов - с чего начинать, в каком порядке двигаться, как структурировать и какими трюками пользоваться. Это помогает создавать логичный и прозрачный код, в котором сможет разобраться другой человек. И, опять же, смотря что делают другие, вы перенимаете их приемы и шаблоны и верстка автоматически становится стандартизированной.
5. Бывают действительно крутые вещи, которых за жизнь наберется лишь несколько. Это нормально.
Спасибо за дополнение ) Уверен что эти "советы" можно расширять и углублять до формата книги ;)
Надеюсь, никто этого делать не станет. А за четвертый пункт спасибо от души.
Спасибо за комментарии.
Кстати, что такое #46C92? Не ваш любимый цвет случайно? ;)
Одной цифры не хватило до шестерке) Юзернейм - просто абракадабра.
Тогда я вам подсказал один из вероятных ответов на возможный вопрос о. ))
Как-то не очем.
Каждый к этому сам приходит, и в советы это не вписывается.
Ну я так скажу, что написал автор это все в общем виде, да и есть спорные моменты в этом, хочется читать статьи именно в подробном описание, что хорошо а что плохо, и естественно чтобы автор обосновывал все и приводил примеры.. вот тогда да, тогда реально полезно, вот есть ли список всех глюков IE (html, css, js), есть ли список разницы отображения html элементов на страницы в самых популярных браузерах, или значения по умолчанию и так далее...

p/s если есть то буду очень благодарен за ссылку
Часть того что вам нужно я описал в своем блоге. Ссылка в профиле, добро пожаловать.
Спасибо но что-то ссылка не работает, это она? http://www.webmakerslounge.com/
Да, она. У меня все открывается, с небольшой задержкой, правда.. (
Во! Открылось, почитаемс!
Посоветуйте пожалуйста верстальщику КНИГУ.
Хочется почитать что-то цельное и фундаментальное, вместо того, чтобы по крупицам собирать разрозненную информацию.
Боюсь что нет такой книги, которая покрывала бы все аспекты. Плюс все зависит от вашего уровня знаний на данный момент.

Советую вам взглянуть на эту статью, и на эту. В обоих случаях — подобранные и отсортированые материалы по теме.
А почему именно верстальщику? Мне кажется, эти советы полезны любому программисту.
Мне советы понравились. Хотя их действительно можно отнести к любой деятельности. У меня вопрос другого рода. Выше шла речь о FLOAT. А мне хотелось бы узнать про таблицы. Многие крайне негативно относятся к их использованию при верстке. Насколько это обосновано? Ясно, что для разных сайтов свои задачи, но все же.. (я в верстке(в хорошей) понимаю мало). Отсюда и вопрос.. :)
Изначально таблицы использовались для верстки из-за того что не было альтернативы. А использование таблиц для верстки сейчас, так же обосновано, как например использование списка. Если данные по своей структуре табличны - надо использовать таблицу. Если это заголовок - то надо использовать заголовок. Если меню - то список ссылок. Это семантика. Код страницы должен отображать логическую структуру документа, а не распорки в виде таблиц и однопиксельных картинок.

Об этом можно (и нужно) говорить долго. Но не здесь. Поройтесь кстати по темам в блоге. И по этим ссылкам.
Большое спасибо за ответ и за ссылки. Пошла смотреть :)
Было бы замечательно, если бы вы из этой цепочки постов в блогах выделили самые интересные, толковые и написали бы хорошую статью с живыми примерами, как у некоторых.

А так это напоминает копипаст в свой ЖЖ результата теста на аэтэрне - и ни о чём и пост есть :)
Вот и займитесь. Может получится нечто большее, чем ваша предыдущая статья.
чё вы грубите?
у меня статья была по делу и с примерами. у вас вода, зачем такое постить на главную страницу хабра?
хотите написать - так напишите качественно, соберите инфу, приведите примеры, уберите общие фразы, дайте конкретику. чтобы статья принесла пользу. а не чтобы понты покачать - я жёсткий верстальшик, мне передали эстафету в каммаентах, я решил что скопипащю я это на хабр. скоро дойдём до статей - "а у меня сёдня утром друг дизайнер за завтраком сказал", и станем хабра-башоргом.
Давайте вы мне не будете говорить что мне делать, а я не буду говорить куда вам надо пойти, ок?

Посмотрите мой профиль и статьи, сравните со своим и потом решайте, можете ли вы давать мне советы.

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

И да, я считаю что мой топик принесет больше пользы, чем ваша статья.
я смотрел ваши статьи - большинство из них написано не ради статьи, а ради дисскусии, обсуждения. там нет своих (непереводных) статей, о каких-то действительно сложных интересных вещах - лишь пару советов для совсем начинающих. поэтому я считаю себя вполне в праве в культурной форме высказать своё пожелание - хабр от этого выиграет.

что до комментариев к моей статье - вы высказали там своё мнение о ней вцелом без какой-либо конкретики, просто "половина известна всем, половина спорна, всё в целом расстраивает". ну что на это отвечать? спорить? зачем? это ваше мнение. я отвечал лишь на комментарии с конкретными вопросами a-la "почему так, а не так?"

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

вот у вас есть замечательная переводная статья про отключение deprecatted элементов - это действительно очень полезная статья.

"вот такая у меня идея" :)
Суупер! Хабр растёт на глазах, всё более нужные и интересные заметки тут пишут, люди мыслящие и образованные делятся БЕСЦЕННЫМИ советами.

Подхватываю эстафетную палочку. Вот пять важнейших и наимудрейших советов по вёрстке от меня:

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

2. Не придумывай имена классам если ты "с бодуна". Ничего логичного и цензурного придумать не получится.

3. Не хватайся сразу за работу, как только получил шаблон. Посиди, поковыряй в носу (или где тебе там больше нравится), полазь по инету, погляди порно, почитай полезные советы на хабре. Всё равно шаблоны как минимум один раз переделают.

4. Принимай душ по утрам, используй дезодорант и одевай чистые трусы. На вёрстке это никак не отразится, но возможно, секретарша тебе всё-таки даст на корпоративе.

5. Будь дисциплинированным: в пятницу рабочий день по КЗоТ-у меньше на час. Сваливай с работы несмотря на уговоры начальства: они "бабки рубят" с проектов, а ты корячишься за сраную зарплату. Забей и иди пить пиво с друзьями.
Вот эти мне больше нравятся, как-то по житейски, конкретно :) Особенно 5 пункт, и как раз сегодня пятница :)
НЛО прилетело и опубликовало эту надпись здесь
Эхеее… А отчего ж нумерованный список-то параграфами изобразили?..
самый важный совет верстки - делайте кратко и понятно + пытайтесь наследовать классы
1. Не пытайся доказать начальству, что так сверстать невозможно - из всех предложенных вариантов они всё равно выберут самый плохой.

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

3. Internet Explorer 7 версии сильно продвинулся в работе со стандартами, но иногда вылезают такие смешные глюки, которых даже в 6 нет.

3a. Пора прекращать поддержку IE6. Используй информационные блоки в conditional comments для того, чтобы ненавязчиво дать понять пользователю, что время его браузера уже ушло

3b. Иногда в макете бывает более 50% вёрстки исключительно для IE6...

4. Личная заинтересованность в создаваемом проекте и ощущение его применимости для себя - хороший мотиватор. К сожалению, сам лично ни разу с таким проектом ещё не столкнулся :)

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

6. Комментируй код. Всегда. CSS тоже.

5. И самое главное - приходи на работу в 9-00, те, кто сидят вокруг тебя с 11 до 20 - неправильные люди. Им нечем занять себя вечером...
Отличные советы! Второй, мне кажется, слишком кратко сформулирован. Какие это дает приемущества? Совет 3a касается наверное только собственных проектов. Вставлять такие блоки во все проекты заказчиков без их ведома не стоит. Может получиться обоюдный неприятный сюрприз :)
Имеется в виду, например, однотипные блоки, закруглённые уголки и прочая мелочь, которая будет использоваться в дальшейшем часто, а меняться редко.
3a уже касается и общественных проектов, ну нельзя сделать проект одинаково функциональным и красивым сразу для всех... Тем у кого IE6 и ниже картинка менее интересная показывается, с намёком, что может быть ещё лучше. На своём собственном никаких IF не будет, на него будут ходить 4 друга с Firefox и Opera :)

Мои 5 советов верстальщику:



  1. Используй необходимые средства. Хороший редактор, хорошие графические инструменты, Firebug/IE Developer Toolbar — всё это тебе нужно, чтобы хорошо выполнять работу. Забивают гвозди голыми руками только шаолиньские монахи на представлениях для туристов.

  2. Читай то, что связано с работой, а не Лебедева, Dirty и bash.org. Сайты типа dzone.com, alistapart.com, webdevout.net, habr.ru — вот что должно быть в твоем RSS-ридере. Советы по технике верстки — все там.

  3. Веб-типографика — именно твоя работа, люби её и занимайся ею. На 90% это внешний вид и впечатление от страниц, которые ты верстаешь. Никто больше в команде этого не сделает, и никто больше не сделает так круто, как ты. Дизайнер со своим фотошопом может не смыслить в ней. Ты же обязан её блюсти, как святой закон. Тебе в помощь есть автотипографы и всё тот же habr.

  4. Не снижай качество кода. Большая часть нашей с тобой работы невидима. Никто и никогда не оценит лаконичности HTML-разметки, хакерского JS, виртуозной таблицы стилей. Никто не заметит, что всё работает. Ну и что, зато мы с тобой знаем, как красиво это сделано! Никто не восхитится тем, как быстро всё грузится и насколько всё доступно. Заметят только ошибки. Но об этом далее.

  5. Ошибки верстки — естественная часть процесса, едва только речь заходит о чем-то посложнее стандартного документа из Word. Даже самые крутые верстальщики выполняют сложную задачу с нескольких попыток (возможно, первые, самые неудачные, происходят лишь у них в голове, но всё равно они проваливаются). Не бойся попробовать несколько раз, начать с чистого листа, сделать еще лучше. Не бойся признать поражение (но бойся сдаться). Не бойся, что тебе укажут на ошибку и не обижайся на таких людей — благодаря им ты можешь сделать эту страницу еще лучше.
В продолжение темы:

1. Если ты уделяешь верстке 1 час в день - не жди успеха. Если за версткой ты не замечаешь? как летит время, можешь работать целый день и это приносит удовольствие - значит ты верстальщик-фанатик, и со временем ты сможешь верстать как твои кумиры.

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

3. Соблюдай семантику кода и ты сэкономишь время на верстке сайта. Cемантическая верстка занимает меньше времени, так как в ней больше смысла и меньше кода.

4. Не останавливайся на достигнутом! Читай больше статей про html/css верстку. Броди по блогам верстальщиков, там можно найти много новой и полезной для себя информации. Все знать ты не можешь.

5. Собирай и структурируй свою библиотеку решений по верстке и создавай свои фреймворки. Это поможет сэкономить много времени при верстке.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации