Верстальщикам и веб-программерам в помощь

По причине организации работы мне пришлось заняться несколько несвойственным, хоть и не противным, мне делом – версткой. А именно преобразованием дизайнов в шаблоны HTML и файлы разметки CSS. Версталось все в XHTML 1.0 Transitional, а форматировалось и оформлялось эксклюзивно CSSом как учил Иван Григорьевич. На основании определенных рабочих моментов и родился этот пост. Итак, начну с выражения огромного спасибо Димычу за статью о букмарклетах ибо почерпнутые из нее знания помогли свести обычную “угадайку” где в IE тупой бордер закрался (в смысле в тупом IE лишний бордер прокрался) к систематическому багодавлению. Если вдруг ваше начальство считает что пользователи IE6 это значительный сегмент посетителей сайта, то XRay ваш незаменимый помошник.

Второй важный факт: в Safari есть свой инструмент для отлова всевозможной фигни. Кроме того, что там можно использовать XRay, гораздо удобнее заглянуть в настройки и включить меню разработчика.

Тогда после этого вам становиться доступен такой удобный инструмент как Web Inspector, что не может не радовать. Кроме того, что он отслеживает валидность HTML, показывает наглядное применение стилей CSS к разным элементам страницы, он еще представляет возможности по запуску скриптов. В общем, адекватный заменитель Firebug для Safari. Это не просто JavaScript Debugger вызывающийся в Google Chrome по нажатию Alt+~, а полноценная консоль, позволяющая понять чего ждать от ваших функций под WebKit.

Кроме того, как и Firebug Safari Web Inspector умеет рисовать вот такие симпатичные картинки, которые позволяют определить почему страница грузиться дольше чем вы расчитывали.

В общем, если вдруг вам надо разбираться с версткой под Safari, пожалуйста, пользуйтесь и наслаждайтесь! Да, если вдруг вы все об этом знали, то не надо “боянов” – для меня и моих коллег этот инструмент – открытие, которое заставляет задуматься о возможности миграции с FF на Safari. За последнее голосует скорость обработки JS последним, а так же красивый рендеринг шрифтов, чем под Windows не многие программы могут похвастаться.

5 thoughts on “Верстальщикам и веб-программерам в помощь”

  1. блац.. забыл что у тебя тут коммент-форма глюканутая, залогинился зачем-то.. руками всю инфу вбивать.. факинфак..

    разве в FF Firebug такого не рисует? или просто нравиться “gayness” Safari? ))

  2. Рисует, но в Safari это выглядит симпотичнее, не жалким огрызком на треть экрана, а отдельным окном, в общем, мне больше понравилось.

    А чем тебя не устраивает Safari?

  3. эээ… кроме всего? нууу.. хотя бы отсутствием Ad Block.. ну и пидаристическое размазывание текста a.k.a. “font smoothing”..

  4. Пидарастическое размывание текста, называется Font AntiAliasing и это то, что Windows никак не может нормально утырить с мака. У меня в ubuntu стоят нормальные настроики, которые позволяют всем шрифтам во всех приложениях выглядеть нормально (а именно, размытыми), а вот в “окошках” такого не нашаманишь, поэтому пришлось взять тот браузер к использованию в котором этого нет.
    А AdBlock мне не нужен, я как бы это сказать, по злачным местам не хожу.

  5. “размытыми” – это нормально? пфф..

    ..и если под “злачными местами” ты подрузумеваешь любой более менее популярный западный сайт/блог и/или варезные/музыкальные российские сайты, тогда не понятно где ты в нете бываешь кроме блога своего..

Leave a Reply to Hairgel_Addict Cancel reply

Your email address will not be published. Required fields are marked *