“Осел” или все таки уже браузер?

На протяжении достаточно долгого времени, мы с вами, а может и не со всеми вами, следили за развитием браузера Internet Explorer 9 версии. Microsoft предоставлял нам достаточное количество превью версий, чтобы показать какие новшества вводилось в движок. Но не смотря на это мы с нетерением ждали выхода бета версии, чтобы хоть как это оценить все это в виде полноценного браузера.

И вот 15 сентября 2010 года свершилось! Вышел в свет Internet Explorer 9 бета версия, которая доступна для скачки на разных языках. Я не обошел стороной эту новость, и сразу, почти сразу, скачал браузер. Меня поразил размер этого “паренька” – 32 мегабайта 64 битная версия под Windows 7 Максимальная. Устанавливался IE9, по субъективной оценке, около 5-7 минут, после чего потребовал перезагрузки компьютера.

И вот, после выполнения всех требований во время установки, я сраху же увидел обновленную иконку браузера.

Теперь это не синяя стеклянная буква E, а матовая голубая, что на мой взгляд намного симпатичнее. Правда немного отдает “олдскульным” IE6. Ну хватит рассматривать иконку и запустим по скорее браузер.

После запуска, открылась домашняя страница, которая была установлена в предыдущей версии, но я сразу же залез в настройки, и сменил на внедренный в браузер “speed-dial”.

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

Интерфейс, в принципе не плох, но пустующая область заголовка окна, лишняя, думаю к релизу уберут. Кнопки “назад”, “вперед” реализованы достаточно интересно, напоминает чем то Encarta.

  Не понравилось то, что кнопка “назад” обрезана снизу, как то мелкая деталь, а имидж портит. Думаю тоже исправят к релизу.

Интересная особенность, что эти кнопки меняют цвета в зависимости от цветовой гамы фав-иконки, как супер-бар в Windows 7.

Меня, избранное и домашняя страница эволюционировали в маленькие “кнопульки” справа.

Вообщем, что касается внешности браузера, я думаю на этом закончим.

Достаточно интересное нововведение, что любой сайт, можно вывести в супер-бар Windows 7  и сайт будет, неким псевдо-приложением.

Меня, как web-разработчика, порадовало, что Microsoft оставили функцию Режима Совместимости, и состоит она теперь из ИЕ7, ИЕ8 и естественно ИЕ9.

Обещанное ускорение графики напрямую через видеокарту работает хорошо, но это не хорошо с точки зрения стандартизации, поскольку DirectX библиотеки Microsoft не отдает в open-source, то для остальных браузеров разрабатывается другой способ использования графической акселерации.

В заключении хочу сказать, что, наконец то я получил больше позитивных эмоции от IE9, чем от его предшественников, это и улучшенная поддержка стандартов, скорость работы и другое. Данному браузеру я могу дать уверенную 4ку, даже с плюсом.

P.S. хотелось бы чтобы MS всетаки ускорил темпы релизов IE так как один релиз в 2 года, как то через чур.

Прозрачность или не прозрачность, вот в чем вопрос!

   Каждый уважающий себя веб-дизайнер сталкивался с проблемой прозрачных PNG в Internet Explorer 6. Да да, эта головная боль не давала спокойной жизни многим верстальщикам, мне в том числе. Осознавая проблему, приходилось рисовать макеты упрощенные, чтобы резать можно было под ИЕ6 (то есть опираясь на браузер 9 летней давности), либо уже идти ва-банк и отрезать “доблестному старичку” вход на сайт этим самом лишиться некоторое число посетителей, а в некоторых случаях и потенциальных пользователей. Вот сейчас я столкнулся с такой же проблемой, верстая сайт из своего же макет, уже пришел к решению, что ИЕ6 надо “забанить”, однако, случайно наткнулся на один чудо-скрипт который решил проблему прозрачности. О нем мы и поговорим дальше.

    Скрипт DD_belatedPNG, который можно скачать отсюда, в отличии от своих конкурентов, мною исследованных, сохраняет активные элементы активными после обработки, и настройка функции достаточно проста:

<script type="text/javascript"> DD_belatedPNG.fix('#pngселектор, html-тэг'); </script>

Как видно из данной функции обрабатываемые объекты, задаются через запятую, и можно вписывать как CSS селекторы, так и обычные HTML тэги.

В конечном счете наш “фикс” PNG прозрачности должен выглядеть так:

 

<!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('div, a, p, img'); </script> <![endif]-->

Для сравнения приведу примеры:

До

После

MMOGATE

Последние пару дней сидел работал над версткой макета, макет, хоть и был нарисован не плохо, но в тоже время рисовал его человек к верстке отношения не имевший. Ломал я голову, или как сейчас говорят "Танцевал с бубном", как его верстать. Скажу сразу, что голова, через пол часа где то, вскипела и я принял решение резать макет прозрачными PNG-шками и соответственно сказать "гудбай Ослик 6". Заказчик и по совместительству коллега одобрил эту идею.

Ну вот настал момент истины...Обложился я, как пулеметчик перед массовой обороной, булочками, кофе, фотошопом и дримвивером и понеслась. Шло как то все своим ходом, булочки съедались, кофе выпивался, строки кода добавлялись. Вообщем последние два дня прошли и тяжело, и в тоже время занимательно.

Вот сам макет

Первое сообщение

Впервые на "Блоггере"

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