О блоге

@nger-блог - блог, где я выкладываю свои мысли в основном на технические темы, перемежая их с разными философствованиями.

Категории

Обновления

Еще

Браузеры для верстальщика

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

Во-первых, для начала следует определиться с распределением "рынка сбыта" - долями различных браузеров у пользователей. А поможет нам в этом статистика от LiveInternet. Какая-никакая, а выборка. Несколько субъективное мнение, но я считаю, что верстать нужно по сути под первые 6 браузеров - IE 6, IE 7, Opera 9, Opera Mini, Firefox 2, Firefox 3. На самом деле, вся вёрстка разделится на 2-4 стиля - под настольные браузеры(возможно, отдельно под IE 6, IE 7) и Opera Mini. По сути, что под Opera Mini, что под другие PDA-браузеры, файл стилей может быть один. На стороне сервера мы просто смотрим User-Agent и отдаём мобильной опере нужный CSS-файл, а всем остальным - обычные, для IE можно использовать conditional comments. Теперь подробнее об инструментарии.

Разработка. Firefox 2 + Firebug + Web Developer Toolbar. Это стандарт де-факто. Крайне функционально и удобно. Я в дополнение к этим плагинам использую IE Tab, зачастую удобнее чем окно Internet Explorer'а. И какой-нибудь текстовый редактор. Я привык к UltraEdit. И, конечно, фотошоп или аналог для резки PSD-макета.

Тестирование. Virtual Machine. Virtual Box с Windows XP на борту - широкое поле для экспериментов. Там у меня стоят: Firefox 3, Opera 9.23, Opera 9.27, Opera 9.5, Safari 3.1.2, Internet Explorer 8 Beta 1(включен в режим симуляции IE 7). Таким образом, я охватываю очень широкий спектр браузеров на PC. Остальные платформы куда менее распространены. Впрочем, есть ещё Mac. Можно, конечно, купить MacBook или что-то подобное для тестов или для пользования, но заядлым PC-шникам это может оказаться невыгодным. Сам я пока не дошёл до виртуализации Mac OS X на PC, но это дело времени и трафика Для тестирования в Opera Mini я использую эмулятор от производителя, затем тестирую на своём телефоне. Требуется это далеко не всегда, но уж если делать на 100% грамотно - это необходимо.

Надеюсь, что кому-нибудь моя статья поможет. И если ещё кто-то думает, ставить виртуальную машину или нет - решит, что ставить. Ведь переустановить ось, откатиться, связать в "сеть" несколько машин куда проще используя технологии виртуализации. Как всегда, жду ваших комментариев.

| опубликовано: 2008-07-16 00:27

  1. интересная статья вышла


    — василий    19 августа 2008, 18:24    #

  2. Спасибо за рекомендации.


    — Sergey    24 августа 2008, 13:24    #

  3. спасибо очень полезные советы
    недавно сайт делала так в одном браузере нормально а в другом криво тоже замучалась а оказалось слеши неправильно поставлены


    — --tatu--    14 сентября 2008, 05:10    #

  4. Спасибо за статью. Очень познавательно


    — Evg    5 октября 2008, 00:09    #

  5. Очень интересно и информативно ! Спасибо !


    — спецтехника автокраны    30 октября 2008, 11:13    #

  6. А почему шестой эксплорер забыли? Он ведь пока что на первом месте по популярности. Седьмой не так страницы показывает...


    — Муза    4 февраля 2009, 16:43    #

  7. еще есть веб-сервисы тестирвания верстки в различных броузерах под различными ОС, причем один из них бесплатный Рекламировать не буду, кому надо – поищите в поисковике…


    — Дмитрий    2 мая 2009, 01:43    #

  8. Дмитрий, они обычно с определённым лагом работают, поэтому работать с ними зачастую удобно лишь на заключительном этапе. Виртуалка с браузерами (или просто куча браузеров) намного быстрее дают отклик (фактически мгновенный), что позволяет спокойно работать. Хотя сервисы незаменимы, если мы не хотим “обидеть” как можно больше потенциальных посетителей, особенно, использующих редкие браузеры.


    — Angerslave    13 мая 2009, 15:15    #
  Помощь по Textile

<- Предыдущая статья
Схема работы с Subversion из-под Windows
Следующая статья ->
Идеальный шаблонизатор