Методы разработки кроссбраузерной вёрстки
Каждый практикующий верстальщик, особенно если он работает с заказами, старается верстать кроссбраузерно. Тем более, если заказчик проверяет работоспособность сайта в 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.
Комментарии:
Я сам всегда верстаю под FF по стандартам, потом открываю под IE и вношу хаки, и только после этого показываю заказчику, не беспокоясь том, что же он там увидит.
Т.е. как бы верстаю-то я под нормальный браузер, но прежде чем показывать клиенту довожу и под «остальные».
Кстати это более оптимальный вариант, потому что опыт показывает, что если весь проект готов и утвержден заказчиком, который не видел его в ИЕ, то потом наводить кроссбраузерность это уже дело чести и совести, но таааак влом))) что лучше уж сразу.
мне нравится ваш блог.. эффекты правда необычные немного.. или непривычные :)
p.s.долго соображал что без превью отправить не работает..
p.s. кстати, думаю записатся на курсы верстки - может и у меня что получиться :)
Кто про что, а лысый-про расческу(это про себя). Лекс, а в какой версии Форточек у тебя постоянно мрет эта тулза? В частности,, в 7-ке пробовал ее запускать?
Интересуюсь в плане, что где-то встречал такие терки, мол 7-ерка суперустойчивая к всякому софту, работает супернадежно и быстро...
Я верстаю сразу с учётом кроссбраузерности - со временем в голове выработались некие «свойства».
Ишак как обычно подкидывает проблем и ,думаю, в ближайшее время никуда от этого не дется. Будем ждать когда все люди на планете от него откажутся.Дизайн ничто, наполнение все (:
Кросбраузерность - это дело практики... Если писать под ie стандарты, то в других точно будет все ок, а вот если наоборот, то вероятности меньше :)
Только постигаю вёрстку... А тут ещё и кросбраузерность необходима...
Вообще,необходимо держать дефолтный IE 6 на XP.У меня на компе и XP c IE6 и Seven с IE8 стоит.
А IETester я вообще впервые вижу.Посмотрим,потестим.
Я сам также верстаю под FF, потом проверяю в Опере и Сафари, после этого можно показать и без хаков, если заказчик продвинутый и знает что такое IE6 (хотя скорее наоборот - знает что есть альтернатива).
Если «непродвинутый» - то костыли фотомодели леплю сразу.
Я верстаю в FireFox и одновременно проверяю в других новых браузерах, которые поддерживают веб-стандарты. Потом с помощью условных комментариев (http://www.fortress-design.com/layout/conditional-comments/) адаптирую под ИЕ6-7.
Юзаю для верстки dreamweaver и кроссбраузерность обеспечена..
Изредка проверяю в IE, хотя непризнаю этот браузер
А вот тут и не соглашусь. Я нашел наиболее оптимальный способ - верстать под ИЕ6 и тестить в ИЕ8, т.к. восьмой - это пипец в квадрате.
Так вот, если в этих двух говнобраузерах сайт будет работать хорошо, очень вероятно, что и ФФ и опера его скушают.
П.С. Это все имхо
Оперяюсь в основном на Firefox, а о такой фигне как IE даже вспоминать не хочу, ну не стоит оно того. На счет 7-ки, сравнительно с ХР она действительно более устойчива и надежна.
Dezm, IE конечно может и фигня, но и под него подстраиваться нужно, так как им тоже много пользователей интерета пользуется, не хотелось бы чтобы они уходили, из-за того что сайт криво отображается.
Для теста в IE6-8 пользуюсь сервисом ipinfo.info/netrenderer (здесь вроде этот сервис не упоминался, может кому-то будет полезен).
Несмотря на глючность и всеобщее «презрение» верстальщиков (да и javascript-кодеры на него зуб точат..), от поддержки IE отказываться нельзя.. всё-таки он пока «в лидерах».. (Надо отдать должное, со временем многие сайты в шестой версии уже не тестируются...)
> Есть надежда, что ие9 будет поддерживать css.
Эм... А ранние версии не поддерживают?
По методике верстки - если всё выровнять-вылизать в FF (с оглядкой даже на IE 7-8), то открыв сайт в IE6 можно сиииильно удивиться =) Условные комментарии в этом случае неплохо выручают....
Прежде всего огромное спасибо автору за линк на IE-Tester. Супер вещь.
Раньше мучился, использовал _browsershots.org, не удобно.
Сам верстаю под FF, параллельно проверяю в Opera. Потом уже смотрю в Chrome и IE. Хотя старюсь это дело совсем на потом не откладывать, а быть в курсе вылезающих недоработок.
IE, хоть как мы его и не любим, выкидывать нельзя (разве что 6ку), ведь все же, он стоит у большинства рядовых пользователей.
Во-первых, привожу цитату, которая как-то была сказана на Хабре, и текст которой я сохранил себе на память:
«Господа, тема с 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»
А во-вторых, тема кросбраузерности не раскрыта, имхо )