Методы разработки кроссбраузерной вёрстки
Каждый практикующий верстальщик, особенно если он работает с заказами, старается верстать кроссбраузерно. Тем более, если заказчик проверяет работоспособность сайта в 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 ленту комментариев к заметке или ретвитнуть её. Также можно заглянуть на страницу Обновлений блога.
Комментарии:
Я сам всегда верстаю под FF по стандартам, потом открываю под IE и вношу хаки, и только после этого показываю заказчику, не беспокоясь том, что же он там увидит.
Т.е. как бы верстаю-то я под нормальный браузер, но прежде чем показывать клиенту довожу и под «остальные».
Кстати это более оптимальный вариант, потому что опыт показывает, что если весь проект готов и утвержден заказчиком, который не видел его в ИЕ, то потом наводить кроссбраузерность это уже дело чести и совести, но таааак влом))) что лучше уж сразу.
мне нравится ваш блог.. эффекты правда необычные немного.. или непривычные :)
p.s.долго соображал что без превью отправить не работает..
p.s. кстати, думаю записатся на курсы верстки - может и у меня что получиться :)
Кто про что, а лысый-про расческу(это про себя). Лекс, а в какой версии Форточек у тебя постоянно мрет эта тулза? В частности,, в 7-ке пробовал ее запускать?
Интересуюсь в плане, что где-то встречал такие терки, мол 7-ерка суперустойчивая к всякому софту, работает супернадежно и быстро...
Я верстаю сразу с учётом кроссбраузерности - со временем в голове выработались некие «свойства».
Ишак как обычно подкидывает проблем и ,думаю, в ближайшее время никуда от этого не дется. Будем ждать когда все люди на планете от него откажутся.Дизайн ничто, наполнение все (:





Во-первых, привожу цитату, которая как-то была сказана на Хабре, и текст которой я сохранил себе на память:
«Господа, тема с 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»
А во-вторых, тема кросбраузерности не раскрыта, имхо )