?

Log in

5 вредных советов верстальщику - Если хочешь услышать смех бога — спланируй что-нибудь
Май 22, 2008
11:25 pm

[Ссылка]

Previous Entry Поделиться Next Entry
5 вредных советов верстальщику

Принимаю эстафету от Акеллы. Полный список тех кому нечего делать советчиков.


1) Прочтите спецификации. Не, я серьёзно. Как бы круто вы не верстали, как бы не борцевали за семантическую/дивную/табличную вёрстку, но если вы не знаете основ, если нет фундамента, то вы всего лишь подмастерье. Если вы не можете ответить сразу правильно, что такое colspan="0", для чего нужен <col>, <dfn> и <var> и каков минимальный HTML документ, то вы не профессионал. Да, если прочитан и понят RFC 2616, вы знаете и понимаете JavaScript хотя бы на уровне синтаксиса и простейших конструкций, что можете написать expression (а если ещё знаете, как сделать, чтобы он не убивал браузер, то вообще отлично), умеете шить на машинке и вышивать крестиком, то ваша цена растёт. И скоро она дорастёт до того, что вам никто не будет заказывать сайты вас убьют конкуренты к вам прийдут дяди из Гугла.

2) Используйте Code Style для HTML/CSS/JS. Код должен быть написан одинаково, даже если вы пишете его утром, вечером, сегодня или два месяца назад. На хорошем проекте, на плохом проекте, с больной головой или вообще без головы. С точностью до буквы, с точностью до пробела. Мои Code Style: XHTML, CSS. Документы несколько устарели, но общее представление о том, что такое Code Style составить можно.

3) Используйте Conditional Comments для подключения хаков для MSIE7 и ниже.

Например так:

<link rel="stylesheet" href="css/project.css"/>
<!--[if lt IE 8]><link rel=stylesheet href="css/project-ie.css"><![endif]-->

В файле project-ie.css для фильтрации MSIE6 и ниже используется * html, для фильтрации MSIE7 используется [class].className. Без префикса указываются правила для MSIE 6- и MSIE7.

Мы сейчас используем такой вариаент подключения стилей:

<!--[if gt IE 7]><!--><link rel="stylesheet" href="css/project.css"/><!--<![endif]-->
<!--[if lt IE 8]><link rel=stylesheet href="css/project-ie.css"><![endif]-->

При этом в project-ie.css подключается первой строчкой project.css через @import, а при выкладке в production вместо этого @import подставляется содержимое файла project.css. В этом случае и нормальные браузеры и MSIE7- загружают один файл, а не два, как в первом примере.

4) Используйте IntelliJ Idea для вёрстки. Считаю, что это лучшая IDE для разработки, которое существенно ускоряет работу. Я использую EAP (Early Access Program) сборки. Могу помочь с настройкой, рассказать подробнее и поделиться своими наработками для ускорения разработки, если это будет кому-то интересно.

5) И да Get a Mac! приходите к нам работать! тут могла бы быть ваша реклама! читайте тематические ресурсы, changelog'и браузеров, чтобы знать что нового в них и старайтесь помнить об этом новом и применять, когда есть возможность.

Ах, да, хотел ещё написать про то, как максимально ускорить вёрстку, но советов всего пять. ;)

Tags: ,

(63 комментария | Оставить комментарий)

Comments
 
[User Picture]
From:kean
Date:Май 23, 2008 05:48 am
(Link)
1. Про colspan="0" не знал...
2. Эх, где б дисциплину взять.
3. Кажется, я тебе про последний способ на РИТе или Client Side говорил. Хотя такая оптимизация реально нужна только очень нагруженному проекту.
4. Ну, фломастеры разные, ага
5. про второе зачёркнутое поподробнее ;) Читаем-читаем...

:)
[User Picture]
From:harisov
Date:Май 23, 2008 08:57 am
(Link)
3. Кажется, я тебе про последний способ на РИТе или Client Side говорил. Хотя такая оптимизация реально нужна только очень нагруженному проекту.


Ага, и тебе за это отдельное большое спасибо.

На работу в Яндексе очень нужны Ага, ученье свет ;)

[User Picture]
From:miskov
Date:Май 23, 2008 07:05 am
(Link)
Спасибо за советы. Про среду разработки почитать будет очень интересно.
[User Picture]
From:harisov
Date:Ноябрь 5, 2008 08:51 pm
(Link)
На РИТ: Клиентские технологии Вадим будет рассказывать про использование Idea для вёрстки. Мы выложим потом материалы в сети, если не сможете попасть на конференцию.
(Удалённый комментарий)
(Удалённый комментарий)
[User Picture]
From:harisov
Date:Май 23, 2008 10:00 am
(Link)
Конкретно в этом блоке правила отсортированы по частоте использования и чтобы они составляли «лесенку». Сортировать можно тысячей разных способов, как вам удобно. Хотите по алфавиту, сортируйте по алфавиту. У нас уже принято так и 7 человек пишут под именно по этому Code Style. Внедрение CS позволило передавать проекты от человека к человеку с минимальными затратами. На запоминание последовательности правил уходит от 1 до 3-х недель, если поставить такую цель.
(Удалённый комментарий)
(Удалённый комментарий)
[User Picture]
From:another_felix
Date:Май 23, 2008 09:57 am
(Link)
4. The award-winning Java IDE. Шо, для вёрстки нема своих крутых IDE?
[User Picture]
From:harisov
Date:Май 23, 2008 10:01 am
(Link)
Я не нашёл. У Idea действительно самая сильная поддержка CSS и JavaScript, а так же интеграция с CVS/SVN.
[User Picture]
From:valodka
Date:Май 23, 2008 11:35 am
(Link)
Можешь поделиться своим опыт работы в Idea. Попробовал я как-то, но перехода так и не состоялось :(
From:ext_66047
Date:Май 26, 2008 04:15 am
(Link)
Аналогично. Меня коллеги джависты всё пытаются пересадить, а я в никакую. Попоробую-попробую и назад на свой TextMate перелажу…
[User Picture]
From:cat_jalex
Date:Май 23, 2008 02:32 pm
(Link)
Меня вообще кинули в это дело как щенка в воду, и я случайно выплыла. А сегодня я читала спецификации... но, убейте, поняла там практически только то, до чего сама уже дошла методом тыка, в процессе верстки или благодаря чьим-то подсказкам за два года работы верстальщиком.

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

Сумбурно, извините...
[User Picture]
From:harisov
Date:Май 23, 2008 03:11 pm
(Link)
Если качать EAP, то там триальный ключ на 30 дней. Билды выходят чаще, чем раз в 30 дней. Особенно если использовать не Diana EAP (версия 8.0), а Selena EAP (7.x версия). НО! Без объяснения кто и как настроить начать очень сложно.
From:(Anonymous)
Date:Май 27, 2008 03:42 pm

1-5

(Link)
1) Сегодня это не всегда возможно - есть сроки а на чтение документации нужно время. Конечно можно быть батаном и тратить свое время не на пляже с подругой а на чтении RFC and W3C. Ну жизнь того не стоит. Читал и то и это, лутше бы я пиво тогда по кабакам пил... все это придет когда надо.

2) Когда сам стартуешь проект может быть можно это сделать. Да и в команде тратить силы на то что бы надзирать за этим - бред.

3) Угу.

4) Дело привычки, по сути и vi можно настроить так душе угодно...

5) Опять же надо сильно любить свою работу
[User Picture]
From:harisov
Date:Май 27, 2008 07:06 pm

Re: 1-5

(Link)
1) Само ничего не приходит. Если нет теоретической базы, то ничего самому придумать не получится, будешь всё время использовать чужие приёмы.

2) Использование Code Style позволяет передавать проект от разработчика к разработчику с минимальными проблемами и минимальным хаосом вносимым каждым последующим разработчиком.

4) И сколько уйдёт на это времени, которого у вас согласно пункту первому нет, а есть сроки?

5) Если не любить свою работу, то и работать на ней не надо.
[User Picture]
From:dimox
Date:Май 28, 2008 11:43 am
(Link)
Виталий, меня очень заинтересовала программа для верстки, которую вы советуете. Поэтому несколько вопросов:

1) Реально ли как-то "разгрузить" программу, отключив все лишнее? Мне она нужна для работы только с CSS и HTML.

2) Есть ли в программе возможность настройки горячих клавиши на вставку выбранных мною тегов? Для примера, в PSPad, чтобы вставить <br />, я назначил горячую клавишу Ctrl+Enter. Есть ли в этой программе аналогия?

3) Существует ли русификация?
[User Picture]
From:harisov
Date:Май 28, 2008 01:02 pm
(Link)
да. отключить все ненужные плагины и не обращать внимание на оргомное меню.

да. live templates.

afaik нет. она не нужна.
[User Picture]
From:dimox
Date:Май 28, 2008 11:46 am
(Link)
> Могу помочь с настройкой, рассказать подробнее и поделиться своими наработками для ускорения разработки, если это будет кому-то интересно.

Мне все это очень интересно.
From:tang1e
Date:Июль 9, 2008 05:54 pm

designer

(Link)
Простите за офтоп, но не могли бы вы посоветовать какое-либо чтиво по CSS и XHTML. Можно на английском, тк подозреваю что на русском сейчас вообще мало путного.
Видите ли, я техдизайнер и когда-то давно даже делал пару сайты, когда CSS только появился. Потом отошел от веба и занимался в основном полиграфией. Сейчас меня частенько просят сделать шаблоны, но мне бы не хотелось быть одним из тех невежд, которые создают проблемы верстальщикам. Да и вообще, интерес пересилил страх. Как бы разобраться во всех этих Web 2.0, Joomla, XHTML и DIV'ной верстке?? Блин верстал себе в 2002-м табличками и всё было хорошо =(. То есть мне скорее даже нужен кукбук а не книга по юзабилити ))
Спасибо заранее!
[User Picture]
From:harisov
Date:Июль 19, 2008 07:09 pm

Re: designer

(Link)
Могу посоветовать

«Самоучитель HTML и CSS. Современные технологии» Ростислава Чебыкина (покупал в Библио-Глобус на Лубянке)

«Самоучитель HTML, CSS, скрипты: практика создания сайтов (+CD)». ​Ломов А.Ю.

Эрик А. Мейер «CSS. Каскадные таблицы стилей. Подробное руководство» (на Лубянке он тоже есть, вроде)

http://harisov.livejournal.com/52742.html
http://harisov.livejournal.com/53398.html
[User Picture]
From:delchyve
Date:Июль 15, 2008 03:57 pm
(Link)
Я хотел бы спросить разрешение на перепубликацию поста. Вы не могли со мной связаться и я объясню суть и намерения?

delchyve[собака]gmail.com
From:(Anonymous)
Date:Ноябрь 21, 2010 04:25 pm
(Link)
Стоит только человеку прийти работать в яндекс, как он немедленно начинает топырить пальцы и рассказывать другим, что они непрофессионалы.

А ничего, что вашими сервисами вне России никто не пользуется? А ничего, что многие сервисы гугла тупо невалидны (но, сука, работают) и, боюсь, половина разработчиков не знает, нахер нужен dfn? Вообще, вам не тяжело? Потому что я положил на вас и на ваши советы об охуенном провинциальном профессионализме.
[User Picture]
From:harisov
Date:Ноябрь 21, 2010 06:24 pm
(Link)
Спасибо за ваше интересное мнение! Нет, мне не тяжело.
From:(Anonymous)
Date:Январь 24, 2011 04:41 pm
(Link)
привет, Могу поискать ссылку на сайт с информацией на интересующую Вас тему.
Vitaly's Home Разработано LiveJournal.com