Методы разработки кроссбраузерной вёрстки

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

После одной такой разработки я взял за правило показывать начальный макет только в адекватных браузерах (OPERA или FIREFOX).

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

Кстати на счёт Эксплореров. Недавно (на момент написания данной заметки. Писал в блокноте, поэтому точной даты не скажу) набрёл в сети на чудесатый инструмент верстальщика IE-Tester. Сея тулза очень пригодится, если у вас нет желания держать на компе все версии Internet Explorer.

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

Заметьте, реклама этого инструмента мне нисколько не выгодна. Я не гонюсь за процентом от его продаж (она бесплатна) и не получаю денежки от всяких Блогунов за сей пиар.

Мне действительно понравилось работать с IE-Tester'ом и я его активно использую при разработке. Скачать тестер можно совершенно бесплатно по этому линку.

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

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

Я пользуюсь вторым методом, так как держать в голове все возможные вариации поведения браузеров, имхо, нереально. Хотя... возможно настоящие профессионалы на это способны. А вы как думаете?

Я искренне надеюсь, что смогу достигнуть такого уровня.

Кстати, немного ссылочек. Так вот. Rising Blog зарабатывает на мечту. Сейчас автор в основном зарабатывает на сплогах, построенных Кисточкой, для слива трафика на vsemayki.ru.

Семён Бруква продолжает обмен постовыми. Кстати Семён тоже решил удариться в PHP. Уважаю.

Также очень хороший блог Code Is Art тоже меняется ссылками. Давно подписан на его RSS. Чего и вам советую. Особенно интересуют посты на тему CSS, PHP и JavaScript. Да и на тему SEO много информации. Кстати, один из авторов блога разработал свой JavaScript framework – js-core.

Понравилась заметка? Можно подписаться на RSS ленту комментариев к заметке или ретвитнуть её. Также можно заглянуть на страницу Обновлений блога.


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

03.11.2009 06:42:43
#1 g0ff

Во-первых, привожу цитату, которая как-то была сказана на Хабре, и текст которой я сохранил себе на память:
«Господа, тема с IETester и Multiple_IE всплывает не первый раз. Повторяю снова:
Забудьте вы про них навсегда. Глюков вагон и самое неприятное, что попадаются нестабильные глюки в рендеринге html и vml. Нафига такие инструменты, которые основную функцию не выполняют? Это shittols. Забудьте.
Единственная гарантия настоящего стабильного результата — тестирование в виртуальной машине.
На сайте майкрософта лежат готовые бесплатные образы под VirtualPC для тестирования IE6 и IE7.
www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en
www.microsoft.com/downloads/details.aspx?familyid=28C97D22-6EB8-4A09-A7F7-F6C7A1F000B5&displaylang=en»

А во-вторых, тема кросбраузерности не раскрыта, имхо )

03.11.2009 11:18:47

Странно. Глюков не заметил. Специально проверял отображение на ноуте на настоящем ИЕ6. За образы спасибо.

А тема кроссбраузерности... В чём она? :) Во всяческих хаках и уловках? Мне интересен сам подход. Верстать сразу под разные браузеры или же вначале делать для адекватных.

03.11.2009 12:32:14
#3 g0ff

Я сам всегда верстаю под FF по стандартам, потом открываю под IE и вношу хаки, и только после этого показываю заказчику, не беспокоясь том, что же он там увидит.
Т.е. как бы верстаю-то я под нормальный браузер, но прежде чем показывать клиенту довожу и под «остальные».
Кстати это более оптимальный вариант, потому что опыт показывает, что если весь проект готов и утвержден заказчиком, который не видел его в ИЕ, то потом наводить кроссбраузерность это уже дело чести и совести, но таааак влом))) что лучше уж сразу.

03.11.2009 12:37:26

Согласен. Ломает жутко, но делать то обязательно надо :)

22.12.2009 16:46:46
#5 vredin

мне нравится ваш блог.. эффекты правда необычные немного.. или непривычные :)

p.s.долго соображал что без превью отправить не работает..
p.s. кстати, думаю записатся на курсы верстки - может и у меня что получиться :)

22.12.2009 16:54:45

Спасибо на добром слове. Вполне привычно должно быть. Наверно вы блоги не так давно читаете.

Где такие курсы ведут? :) В столицах наверно.

20.01.2010 13:01:01
#7 Шико27

Кто про что, а лысый-про расческу(это про себя). Лекс, а в какой версии Форточек у тебя постоянно мрет эта тулза? В частности,, в 7-ке пробовал ее запускать?
Интересуюсь в плане, что где-то встречал такие терки, мол 7-ерка суперустойчивая к всякому софту, работает супернадежно и быстро...

20.01.2010 13:23:02

Нет, семёрку не ставил. Да и не планирую пока. Пусть её оттестят нормально. Винда ХП, третий сервис пак.

Где-то месяц назад её кстати обновили, и она перестала падать. Падала какая-то из версий.

31.01.2010 18:59:10

Я верстаю сразу с учётом кроссбраузерности - со временем в голове выработались некие «свойства».

11.02.2010 08:49:01

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

23.02.2010 12:25:07
#11 создание сайтов

Кросбраузерность - это дело практики... Если писать под ie стандарты, то в других точно будет все ок, а вот если наоборот, то вероятности меньше :)

Оставьте комментарий [форматирование]

Пожалуйста, воздержитесь от спама и идиотских высказываний.