Первая половина 2008 года ознаменовалась выходом новых версий самых популярных браузеров. Первой «выстрелила» Microsoft, представив первую бета-версию Internet Explorer 8 в конце февраля. До этого информация о ней появлялась только в середине декабря 2007 года. В то же время Internet Explorer 7 выпустили осенью 2006 года, то есть примерно полтора года назад. Если учесть, что IE6 доступен с 2001 года, то софтверный гигант определенно наращивает темп. А делать это необходимо, если он хочет оставаться дальше первым на рынке браузеров. Ведь причин волноваться есть не мало.
Одна из них — Apple Safari 3.1 for Windows, который представили во второй половине марта. До этого на платформе Windows Safari существовал менее года и только в виде бета-версий. В версии 3.
1 было исправлено множество ошибок, а еще это приложение стало первым браузером, использующий движок WebKit/KHTML под ОС Windows. Кроме того Apple заявляет, что Safari 3.
1 работает быстрее любого другого своего конкурента, а также обеспечивает качественный рендеринг страниц и корректную поддержку веб-стандартов. Так это или нет, мы писали в соответствующей статье.
И, наконец, наиболее знаковые события в мире интернет-серфинга произошли в июне. С периодичностью примерно в неделю компании Opera Software и Mozilla представили новые версии своих популярнейших продуктов Opera 9.5 и Firefox 3.0 соответственно.
Несмотря на то, что Microsoft Internet Explorer все еще занимает лидирующие позиции среди пользователей всемирной паутины, браузеры Opera и Firefox всегда привлекают больше внимания и вызывают больший ажиотаж.
В связи с этим мы решили сделать их обзор, сравнив две версии между собой, а также со своими предшественниками, дабы было ясно, имеет ли смысл обновлять более старую версию.
Дела исторические
Рассказывать всю историю браузеров с нуля мы не станем. Коснемся лишь версий Opera и Firefox вышедших за последние два года. Начнем с Opera 9. Она появилась как раз ровно два года назад. Список ее нововведений был весьма внушителен.
В частности это были виджеты и поддержка загрузки файлов по протоколу BitTorrent. Этот браузер начал новую ветвь под кодовым именем Merlin, что означает изменения не только в интерфейсе и возможностях, но и в самом движке рендеринга веб-страниц. Так версия 9.
0 научилась без ошибок проходить известный тест Acid2, а также стала лучше поддерживать стандарты XSLT и SVG 1.1.
Спустя полгода свет увидела версия 9.1 с улучшенной стабильностью, безопасностью и добавившая несколько новых возможностей. Версия 9.2 также не заставила себя долго ждать — она появилась в мае 2007 года.
Одним из главных ее нововведений была функция Speed Dial, отображавшая в новой вкладке список «превьюшек» указанных вами страниц.
Таким образом вы могли быстро вызвать их щелкнув мышью по необходимой, либо нажав число от 1 до 9.
Opera версии 9.0, 9.1 и 9.2 носили одинаковое кодовое имя Merlin. Но практически сразу с выходом первого финального релиза «девятки» началась разработка новой ветви Kestrel. Именно такое кодовое имя в феврале 2007 года и получила версия 9.5. Она готовилась долго.
За полгода до выхода мы могли наблюдать выход множества альфа- и бета-версий. Причем в них уже были заметны кое-какие изменения, хотя самое заметное разработчики оставили для финального релиза — это новая тема по умолчанию. Но ее мы рассмотрим позже.
Пока же вспомним как создавался Firefox 3.0.
Mozilla Firefox — это один из самых молодых веб-браузеров на рынке. Версия 1.0 вышла сравнительно недавно — в ноябре 2004 года. Тем не менее, своей популярностью «лиса» обязана хорошо подготовленной базе.
Если углубиться в историю к самым истокам, то мы придем к компании Netscape с ее популярнейшим в свое время браузером Navigator.
После его провала Mozilla взяла за основу движок рендеринга Navigator и спустя несколько лет выпустила Mozilla Suite — продукт, состоящий из браузера, почтового клиента, календаря и нескольких других приложений. Сейчас он также развивается, но уже в виде отдельного продукта под названием SeaMonkey.
Разработка Mozilla 1.0 была открытой и каждый мог поучаствовать в ней. Этот браузер был довольно распространенным даже до выхода финального релиза. И именного на его основе позже создали Firefox. А почтовую составляющую Mozilla Suite выделили в отдельное приложение под названием Thunderbird.
Версия 1.0 базировалась на движке Gecko 1.7. Год спустя (в ноябре 2005) вышел Firefox 1.5 на основе Gecko 1.8. В числе главных изменений значились улучшенная поддержка стандартов CSS 2/3, а также формата SVG. С присвоением индекса 2.0 очередной версии Firefox, что была представлена в октябре 2006 года, были не согласны многие поклонники этого браузера.
Число изменений никак не дотягивало до 2.0, от силы до 1.6. Даже версия Gecko выросла до 1.8.1, а не 1.9, лишь исправив ошибки, а также добавив поддержку JavaScript 1.7. С Firefox 3 подобным образом не поступили. Его сразу решили делать на движке Gecko 1.9. И какие именно изменения были внесены на уровне рендеринга страниц и поддержке стандартов в Opera 9.5 и Firefox 3.
0 мы расскажем в следующем разделе.
Дела движковые
Итак, какими возможностями могут порадовать нас движки рендеринга страниц браузеров Opera 9.5 и Firefox 3? В первом случае было внесено довольно много изменений.
Так много, что при таком их количестве в Firefox его разработчики определенно сменили бы мажорную версию (если версия программы формируется из четырех чисел, то их названия следующие: х1.х2.х3.
х4, где «x1» — мажор (major), «x2» — минор (minor), «x3» — билд (build) и «x4» — ревизия (revision)).
Норвежский браузер версии 9.5 еще лучше поддерживает стандарты HTML 4.01, XHTML 1.1, CSS 2.1 и JavaScript (DOM 2 и частично DOM 3). Эти три составляющие являются базисом, который должен быть обеспечен любым средством серфинга в Интернете.
Но Opera всегда славилась возможностью работать и с более новыми стандартами, хотя бы частично. Так в версию 9.5 включили совместимость со многими атрибутами CSS 3. Была улучшена поддержка связки XML+XSLT. В частности отмечается полная совместимость со спецификациями XSLT 1.0, XPath 1.0, событиями XML и пространствами имен XML.
Одним из главных нововведений является начальная поддержка HTML 5. Этот стандарт пока находится в разработке и доступна только черновая версия. Но это не мешает Opera работать с ним.
Так она может отображать новые веб-формы второй версии (Web Forms 2.
0), отправляемые сервером события (Server-sent events — будет актуально при работе с AJAX), поддержка нового тэга «» для обозначения области рисования на странице.
Была также обновлена поддержка SVG (Scalable Vector Graphics — стандарт для создания векторных рисунков на основе XML-тэгов) версии 1.1, а также добавлена частичная совместимость с SVG 1.2. В будущем к ним должна будет присоединиться поддержка формата изображений APNG (Animated PNG) и библиотеки MathML.
Поработав с Opera 9.5 пару часов изменения стали видны достаточно быстро. Некоторые сайты стали отображаться несколько иначе (наш, к счастью, остался прежним).
Также мы заметили определенные улучшения при работе с так называемыми визуальными редакторами, позволяющими производить HTML-верстку прямо в окне браузера.
Ну и, конечно же, нам было очень приятно наблюдать следующую картину после прохождения теста Acid3:
Прохождение теста Acid3 браузером Opera 9.5
Просто замечательный результат, не идущий в никакое сравнение с Opera 9.2x. Напомним, что у последнего Acid3 показал только 46%.
Прохождение теста Acid3 браузером Firefox 3
В случае Firefox 3 результат составляет 70%, что тоже хорошо, но не идеально. Apple Safari 3.1 показывает 75%, но Firefox 2 был способен только на 51%, а Firefox 3 Beta 4 — на 68%. Так что прогресс в любом случае есть. В целом же распределение результатов по тесту Acid3 между браузерами выглядит следующим образом:
Про Acid2 мы ничего особого не скажем, поскольку и Opera 9.5 и Firefox 3 проходят его без лишних проблем.
Теперь немного о движке Gecko 1.9, на чьей основе построена третья «огненная лиса». Самое главное его изменение — это значительное исправление ошибок. Кроме этого была еще больше улучшена поддержка различных веб-стандартов.
Правда, с последним дела обстоят не так замечательно, как у Opera 9.5, но все же хорошо. В частности была добавлена поддержка парочки тэгов из HTML 5, расширены возможности JavaScript, а также теперь браузер может работать с оффлайновыми веб-приложениями.
Firefox 3 уже имеет поддержку APNG, а заодно и расширений XSLT (EXSTL).
В числе других изменений Gecko 1.9 значатся смена различных программных библиотек на более совершенные. Так была заменена библиотека для работы с памятью, что позволило исправить множество утечек памяти и повысить общую стабильность браузера.
Для отрисовки графической части программы теперь используется библиотека Cairo, что сразу стало заметно, причем под всеми операционными системами, но об этом позже. Здесь лишь скажем, что последнее нововведение упразднило совместимость с ОС Windows 9x/Me и Windows NT 4.0 (и более ранними), а также Mac OS X версиями младше 10.4.
Еще в случае с Firefox под Mac OS X его интерфейс был переписан на библиотеке Cocoa.
Собственно с технической стороной браузеров все. Теперь перейдем к более интересной многим читателям графической составляющей, а также новым возможностям, что были представлены вместе с новыми версиями.
Дела внешние
Внешний вид современных браузеров довольно стильный и весьма приятный глазу. Это касается всех продуктов от Internet Explorer до Apple Safari.
Кроме того, рассматриваемые Opera и Firefox давно позволяют изменять свою стандартную тему, если вам вдруг она не пришлась по вкусу. Впрочем, стандартная у Opera 9.
2x и Firefox 2 была достаточно привлекательная. Но дизайнеры все же нашли что можно еще поменять.
Opera 9.5x
Opera 9.2x
Довольно сильным изменениям подвергся скин по умолчанию у новой Opera. Версия 9.5х выглядит более «выпуклой» и «глянцевой». Новая Opera стала более темной. И прежде всего это заметно по панели вкладок.
Opera 9.5x
Opera 9.2x
Неактивные вкладки теперь имеют черный цвет с легким серым отливом (для придания эффекта глянцевого покрытия). Причем эта панель теперь занимает больше места по высоте.
Также была уменьшена и перенесена вверх кнопка закрытия вкладки.
В итоге удобство работы несколько повысилось — теперь не столь велика опасность случайного закрытия вкладки — кликать по красному крестику приходится более прицельно.
Opera 9.5x
Opera 9.2x
Поменялись и иконки. Они также выполнены в серой гамме и выглядит не то чтобы много лучше, но как минимум по-новому. Впрочем, из-за монотонного цветового исполнения они стали несколько безликими.
- Opera 9.5x
- Opera 9.2x
Конечно, изменилось и оформление окон браузера. Теперь вместо сине-серой окраски в горизонтальную полоску используется черно-серая в вертикальную.
- Opera 9.5x
- Opera 9.2x
Все элементы управления получили закругленные углы. Сходу это не заметно, но потом видно. И смотрится это несколько мягче и приятнее.
Баг с отрисовкой в Opera 9.50
Еще хотелось бы упомянуть о баге отрисовки окна браузера. Он частенько возникал, если долго работал менеджер загрузок. Чтобы его обойти приходилось закрывать и заново открывать окно браузера. Впрочем, после обновления до версии 9.51 он уже не проявлялся.
- Firefox 3
- Firefox 2
Изменения в Firefox 3 по сравнению с Firefox 2 не столько кардинальные. Этот браузер использует те цвета, что установлены в системе, а не те, что определяет собственный скин.
- Firefox 3
- Firefox 2
Сразу в глаза бросается немного измененные кнопки Назад и Вперед. Первая теперь имеет зеленый цвет, а вторая — красный. Причем обе выполнены в «глянцевом» стиле.
- Firefox 3
- Firefox 2
Следующее изменение — иконки. Также нельзя сказать, что они стали много лучше. Но выглядят по-новому. В любом случае освежение тут не помешает.
- Firefox 3
- Firefox 2
Изменилось отображение меню. Оно теперь не отличается от того, что имеют все окна Windows. В предыдущих версиях Firefox оно было плоским. Кроме того, в Firefox 3 оно даже открывается быстрее. Связано это с началом использования библиотеки Cairo. Firefox 2 под разными операционными системами выглядит примерно одинаково, что вызывало определенную критику, особенно от пользователей Mac OS X.
Слева направо, сверху вниз: Firefox 3 под Windows Vista, Windows XP, Mac OS X, Ubuntu Linux
Теперь разные темы применяются даже для Windows Vista и XP (хоть они и носят одинаковое название — «Strata»). Под Mac OS X новая «лиса» похожа на обычное приложение «яблочной» системы (скин носит название «Firelight»).
И работает под ним много быстрее. Тоже самое касается и Linux. Для него тема Firefox 3 называется «Tango» и во многом напоминает Firefox 2.
Тем не менее, под графической средой GNOME браузер использует ее иконки вместо собственных.
Сейчас посмотрим, что изменилось в функциональном плане.
Дела функциональные
Подход Opera Software и Mozilla Foundation к функциональному обеспечению браузеров всегда отличался. Первая считает, что средство серфинга должно быть укомплектовано по максимуму, тогда как вторая полагает достаточным обеспечить базовую функциональность, а остальное возложить на создателей дополнений. Причем для последних специально был сделан открытый и простой API.
Для Opera писать дополнения также можно, только делать их несколько сложнее. Но норвежская компания частично заменила их виджетами — мини-программами, запускаемыми через браузер, но видимые в системе как отдельное приложение.
Служат они скорее для информирования о чем-либо (погоде, интернет-времени, курсах валют и так далее), чем для расширения возможностей. По сути они являются аналогами виджетов в Mac OS X и гаджетов в Windows Vista.
Поскольку виджеты в Opera доступны уже более двух лет, здесь на них останавливаться не станем. Скажем лишь, что за все время их было создано несколько тысяч.
Отзывы о программе Internet Explorer
Владимир Николаевич Поляк про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [01-05-2021]
Более 20 лет пользуюсь IE (сейчасIE11):быстрый, надёжный, прекрасный интерфейс-наглядный, легко доступный в различным функция;, есть функции, которых нет в других браузерах. Перепробовал практически все новейшие браузеры и вновь возвращался назад в IE. | | Ответить
Анатолий Краев-Сучков . про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [12-04-2019]
У меня Эксплорер,работает как часы , с другими браузерами не сравнить . Лучший браузер из всех , это Эксплорер ….!!!!2 | 4 | Ответить
max про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [07-02-2017]
Интернет Эксплорер — это лучший браузер из всех что когда-либо создано! Быстрый, удобый,видео не лагает как во всяких там хромах и файрфоксах!3 | 12 | Ответить
Жорж в ответ max про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [09-02-2017]
кто хвалит осла, тот под него не верстал. страшное гамно8 | 7 | Ответить
Иван в ответ max про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [11-03-2018]
Вы действительно дурачок?4 | 2 | Ответить
Алексей про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [22-01-2016]
Скачал с оф сайта микрософт 11 версию инт.экспл.Когда стал устанавливать вдруг увидел,что программа меняет русские названия папок на инглиш,я быстренько остановил процесс,но теперь у меня треть папок на инглише,две трети как были на русском.С какого хера установщик ИЕ 11 вмешивается в мой компьютер? Теперь даже не знаю где взять нормальную ИЕ 11.3 | 16 | Ответить
Нина в ответ Алексей про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [21-02-2016]
Здравствуйте.Алексей.Подскажите где скачать нормальную IE11 lkz Windaws7.Я новичок,инвалид-колясочник.Спасибо.8 | 18 | Ответить
Мичман Правдивый про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [08-10-2015]
без IE вы не сможете рабоать на сайта типа zakupki.gov.ru и аналогичных!4 | 8 | Ответить
Артём про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [29-09-2015]
Какое же это говно, там ничего нельзя делать, не может открыть страницу нормально.10 | 5 | Ответить
Даниил про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [02-07-2015]
IE Полное дерьмо,Ошибка человечества17 | 4 | Ответить
Нина в ответ Даниил про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [21-02-2016]
Нравится описание Liona IE8.А я не знаю какую Ie мне скачать и откуда.2 | 2 | Ответить
Имя про Internet Explorer 9 / 10 / 11 (Яндекс-версия) [16-07-2014]
Internet Explorer 9 — полный отстой!!! Кто там, что хвалит, типа гугл-хром, мазилу, амигу и прочее, это скорее всего троли. Для информации, Internet Explorer есть только 9 и 11 версия. 9 версия для Висты. Будьте аккуратнее, очень часто при открытии браузера Internet Explorer появляется уведомление, типа ваша версия устарела, обновите на 9. … или на 10 версию.
Всё это фуфло, НЕ ВЗДУМАЙТЕ обновлять, нахватаете всякого дерьма. Если уж так не в моготу что-то обновить, тогда лучше с официального сайта, на него можно пройти с Википедии. Очень часто уроды подделывают сайты под сайт Microsoft, не сразу и поймёшь куда забрёл. Так, что будьте предельно внимательны.
Даже здесь на форумах тоже надо быть аккуратнее, многие пишут такую ахинею, и еще и ссылки оставляют, никуда не переходите по ним, всё делайте с официального сайта Microsoft. Там есть бесплатные программы, обновления, и некоторые приложения. Тоже самое касается бесплатных программ, качалок, плееров и прочего. Есть официальные сайты, их можно найти и перейти на них с Википедии.
не видитесь на рекламы сайтов — у нас бесплатно, на русском языке… качай не хочу, и прочее. Все проги и приложения только с официальных сайтов!!! В общем думайте хорошенько, прежде чем что-то себе на ком/ноут установить, не каждый антивирусник способен обнаружить вирусы.
Честно сказать, я так и попал на обновлении Internet Explorer 9, теперь не знаю, что и делать, у меня Виста, а Internet Explorer 9, заводская установка, просто так не удалить, надо сносить систему, хорошо, что есть диск реаниматор, но всё это хлопотно, и занимает много времени. Так мальчики и девочки, не повторяйте моих ошибок. Internet Explorer 9 не требует обновления.
Если у вас уведомление и всплыло, проверьте его на официальном сайте. Других оценок дать этому браузеру не могу, то, что он тупит и зависает, это вы и без меня знаете. Пользуюсь оперой, последней версией. Всем удачи и внимательности!
23 | 15 | Ответить
Lion про Internet Explorer 9.0 / 10.0 Final (Яндекс-версия) [18-06-2014]
Ну ладно, никому не надо оригинальная нормальная версия браузера Internet Explorer 8 — значит, не надо. Это ещё раз только доказывает, что я был прав в отношении большинства заблуждающихся пользователей. А ведь некоторые просили помочь скачать майкрософтовскую версию IE-8 в далёких предыдущих х на этом сайте.
Видимо, напугал я вас тем, что написал о том, что без обновлений IE-8 не надёжен, так это просто моё мнение, в реальности же даже без дополнительных накопительных обновлений по безопасности, с базовыми обновлениями в его дистрибутиве, он в безопасности не уступит другим наиболее распиаренным браузерам.
Напрасно я проявил инициативу, больше альтруизмом я заниматься не буду — неблагодарное это дело. Обманывайтесь и дальше…! )))3 | 9 | Ответить
Олег в ответ Lion про Internet Explorer 9 / 10 / 11 (Яндекс-версия) [16-07-2014]
Привет Lion. В инете много ссылок на IE8. Скачиваю себе и работает нормално. Но все равно скинь мне дистр на почту плиз. Сравню, как раз у одного клиента глюки на IE8 XP, а у меня никаких глюков. rreaderr@mail.ru3 | 2 | Ответить
Ник в ответ Lion про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [26-06-2015]
Трололо засчитывается)) Сижу впилываю скрипты для работы с компом пользователя. и из коробки это позволяет только ие))) осталные только через flash2 | 2 | Ответить
Lion про Internet Explorer 9.0 / 10.0 Final (Яндекс-версия) [13-06-2014]
Оригинальную майкрософтовскую русскую версию IE-8 без Яндекс-бара, могу выслать на ваш e-mail до 19 июня (включительно) 2014 года, но с 20 июня 2014 года решил сделать отдых от Интернета на месяц-два, так что кто не успеет — ждите до конца августа, пока интернет опять не подключу.
Для установки браузера IE-8 никакой активации с ключами не нужно, просто устанавливаете как обычную программу поверх более старой версии.
Перед установкой программы убедитесь точно, что у вас более ранняя версия IE , чем у меня (инфа обычно находится в пункте О ПРОГРАММЕ в меню Справка самого браузера) или сделайте откат на предыдущую версию, но ГРАМОТНО и ОСТОРОЖНО !5 | 3 | Ответить
Lion про Internet Explorer 9.0 / 10.0 Final (Яндекс-версия) [12-06-2014]
Какой бред вы несёте, сразу видно, что вы никто толком не разбираетесь в браузерах, особенно те, кто поливает своим словесным поносом тот продукт интернет-безопасности, о котором не имеет ни малейшего представления, о его реальной работе в Интернете и вообще НЕ УМЕЕТ с ним работать, а таких 98% в Рунете (русскоязычном интернете) ! Ну да ладно, это ваши проблемы ! Ну начну с того, что скажу я вам ребята, что это никакой не IE 9/10, а переделанная ФИНАЛЬНАЯ ВЕРСИЯ INTERNET EXPLORER — 8 !!! Вас обманывают по полной программе ! Вы бы хоть скриншоты смотрели ВНИМАТЕЛЬНО ! ))) Удивляет то, что почти все ведутся на это и хавают всё, что им предлагают, а именно русскую сборку IE-8, в которую народные умельцы-программисты впихнули всякого дерьма и мусора, вроде Яндекс-бара и всяких ненужных лишних примочек, которые только мешают полноценной работе браузера и за одно тормозят его работу. И назвали эти сборки Internet Explorer 9/10 — смешно, честное слово ! ))) Настоящая финальная официальная русская версия Internet Explorer 8 от компании Майкрософт выглядит почти также, как и эти сборки, ведь они делались на основе официальной версии, но официальная версия смотрится лучше и красивее, без всякого Яндекса и прочего хлама, с красочными разноцветными вкладками и значками, и работает замечательно, не хуже во всяком случае распиаренных скоростных. Любая веб-страница открывается мгновенно, а полностью загружается за 5-7 секунд (зависит ещё от скорости соединения с Интернетом, значения указал при скорости 80-100 Мбит/с ), с правильным масштабированием и отображением текста, графики, скриншотов на софт-сайтах, онлайн-видео, рекламы на страницах, если она там есть, к тому же ещё проверяется фильтром смарт-скрином на безопасность веб-узла (не путать с веб-страницей), если в данное время эта служба Майкрософт работает (бывает, что она временно не работает, зависит от поддержки веб-зоны Интернета службой Майкрософт в данное конкретное время). Также фильтр SmartScreen, встроенный в браузер АВТОМАТИЧЕСКИ проверяет загрузку файлов в окне закачки браузера IE на предмет безопасности (это конечно не панацея, но всё же как минимум второй барьер по безопасности после штатного брандмауэра). Майкрософтовская поисковая система Bing тоже работает нормально, без ошибок и сбоев, кому не нравится, можно поставить другой поисковик, это на любителя — сейчас выбор богат предложениями в Интернете. Есть в этом браузере и свой автономный переводчик текста страниц, что очень удобно — можно переводить не только отдельные слова, но и всю страницу целиком с расположением перевода в удобной для пользователя форме или новой вкладке, на ваш выбор, всё это легко настраивается. И вообще, хочу сказать, чтобы любой софт работал нормально и полноценно для вас, его нужно НАСТРАИВАТЬ — для этого и существуют пользовательские настройки в каждой нормальной программе !!! К сожалению Майкрософт прекратила поддержку браузера Internet Explorer 8 вместе с Windows XP, но при установленных ранее накопительных обновлениях по безопасности от компании Майкрософт до февраля (включительно) 2014 года, у кого было включено автоматическое обновление системы до этого времени (в марте я его предусматрительно отключил во избежание подлянки от Майкрософт) и с хорошей антивирусной программой (у меня Авира), официальная настоящая восьмая версия ещё протянет не один год и даст фору по безопасности ещё многим гончим распиаренным браузерам. На Windows XP последней версией является восьмая версия браузера IE, девятая ОФИЦИАЛЬНАЯ версия IE-9 Windows XP не поддерживает — ЗАПОМНИТЕ ЭТО !!! Кстати официальная финальная русская версия IE-8 весит значительно меньше, чем вам представленная (всего 16,2 Мб). Кому нужна нормальная русская финальная официальная версия IE-8, могу переслать вам на ваш e-mail в архиве RAR. Скачивал её с официального майкрософтовского сайта в мае 2013 года, когда ещё Windows XP поддерживалась, сейчас вы её нигде не найдёте. Но работать полноценно быстро и безопасно она будет при установленных ранее накопительных обновлениях безопасности от Майкрософт, а просто один браузер с базовыми обновлениями в его дистрибутиве от дырявости и тормознутости не застрахован, имейте это ввиду. Да и ставить его можно только на предыдущие версии, включая Internet Explorer 8 более ранней версии (смотрите по цифрам конкретной версии). Моя полноценная рабочая русская официальная версия для 32-разрядных систем 8.0.6001.18702 (стойкость шифра: 128 разр.), код продукта: 01398-640-1464517-23040. Так как IE встроен в систему Windows, удалять его ПОЛНОСТЬЮ НЕЛЬЗЯ, а можно только откатиться до базовой версии, которая заложена в ваш дистрибутив системы Windows (это обычно 7-я версия в XP) и только через штатную Установка и удаление программ (!!!), если будете использовать сторонний инсталлятор — ПОТЕРЯЕТЕ СИСТЕМУ !!! Это совет-предостережение от скоропалительных решений ! Так что лучше всего просто обновите свой браузер IE, если у вас стоит более старая версия IE7/8. Мой выбор — Internet Explorer 8, самый красивый и безопасный браузер лично для меня, который меня не подводит никогда с момента его установки на мой компьютер !!!16 | 8 | Ответить
Сергей Казачков в ответ Lion про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [02-11-2014]
Здравствуйте! Если можно, прошу Вас переслать мне на мой e-mail: kazachkov.s@list.ru русскую финальную официальную версию IE-8 (в архиве RAR). Заранее благодарен, Сергей Казачков.
3 | 2 | Ответить
Джонни Бибонни про Internet Explorer 9.0 / 10.0 Final (Яндекс-версия) [15-05-2014]
Присоединяюсь ко всем веб-разработчикам. ИЕ — трэш!9 | 2 | Ответить
Андрей про Internet Explorer 9.0 Final (Яндекс-версия) [31-01-2014]
Я, как человек, который верстает сайты, утверждаю, что IE, пусть даже и девятый — полное говно. CSS 3 он не полностью поддерживает, как остальные современные браузеры — например, для задания градиента приходится пользоваться фильтрами, что очень неудобно и невалидно, приходится использовать условные комментарии. Короче, говнище. ФУУУУУУУУУУУУУУУУ!!!3 | 7 | Ответить
Эдем про Internet Explorer 9.0 Final (Яндекс-версия) [18-12-2013]
100 баллов! за четкость, отображения!3 | 3 | Ответить
(ерж про Internet Explorer 9.0 Final (Яндекс-версия) [03-11-2013]
По скорости работы IE10 с IE9 — это небо и земля, раньше 9-ка у меня была «безработным» браузером, сейчас равноправный, наряду с другими популярными браузерами.3 | 2 | Ответить
SOutsignated в ответ (ерж про Internet Explorer 11 / 10 / 9 (Яндекс-версия) [18-04-2016]
На html5test.com — 297 HTML-пойнтов (корректное отображение около 54% HTML-блоков), в IE9 — 113 (20%).
Есть разница, но хороший браузер — это тот браузер, который не падает и поддерживает не менее 389 HTML-элементов, что, понятно, к IE не относится.
Для исключительно текстовых задач, IE10 и IE11 могут быть неплохими версиями, но в качестве мультимедийного — Chrome или Firefox.2 | 2 | Ответить
Silvercat про Internet Explorer 9.0 Final (Яндекс-версия) [03-09-2013]
Судя по описанию ставится на XP.
Кто нибудь поставил на XP?
4 | 2 | Ответить
Борис про Internet Explorer 9.0 Final (Яндекс-версия) [24-06-2013]
Убейте всех разработчиков IE. Они заколебали делать браузеры под которые не реально сделать сайт. Во всех браузерах все ок. А в ИЕ полный П. Из-за этого делается два сайта под ие и под все остальное.5 | 2 | Ответить
Саша про Internet Explorer 9.0 Final (Яндекс-версия) [26-05-2013]
Все эти браузеры самая большая ошибка , допущенная в майкрософт. Не удаляется не устанавливается. 3 день ничего с ним сделать не могу. Кому хватает ума строить рабочие порталы на системе IE ??? так еще и для 7 IE, когда уже 9, и 10 везде…3 | 2 | Ответить
Лала про Internet Explorer 9.0 Final (Яндекс-версия) [21-03-2013]
Pele — вы шутите уважаемый?) Виндосовский браузер, ак раз созданый для виндосовской ос, с глубокой настройкой для винды запорол родную же систему? если бы оно было так то браузер не стали бы выпускать вместе с операционкой х) не пишите бреда.4 | 2 | Ответить
Лала про Internet Explorer 9.0 Final (Яндекс-версия) [21-03-2013]
Ну не знаю товаристчи не знаю. У меня не 9й а уже 10й на win7 стоит и всё отлично. Работает на уровне других, но мне интерфейсом удобнее потому им и пользуюсь. Защита приличная, скорость и стабильность тоже. Вообще можно приравнивать к хрому во всех качествах…
Однако есть огромнейщий минус, для вёрстки, редактирования html, редактирования сайта через панель разработчкиа ужасно! верней мне показалось что панели разработчика вовсе нет! какое то окно открывается и всё. Но в стабильности, отзывчивости, самое главное прожорлвости и воздействия на процессор IE находка…
если бы удобной и понятной была панель разработчика то основным поставил бы с радостью…2 | 2 | Ответить
Создание приложений HTML5 — Применение HTML5 для создания мобильных приложений
Брэндон Сэтром
В статье обсуждается Internet Explorer 10 Consumer Preview. Любая изложенная здесь информация может быть изменена.
- Продукты и технологии:
- CSS3, Internet Explorer 9, Internet Explorer 10 Consumer Preview, JavaScript
- В статье рассматриваются:
- как сделать «резиновыми» сетки и разметки;
- создание гибких изображений;
- применение инфраструктур HTML5 для создания мобильных веб-приложений.
Исходный код можно скачать по ссылке code.msdn.microsoft.com/mag201205HTML5.
В прошлой статье я ознакомил вас с media-запросами CSS3 (msdn.microsoft.com/magazine/hh882445) — новым модулем, позволяющим адаптировать стили страницы на основе условных правил.
Хотя media-запросы широко применяются на целом спектре устройств, о них часто упоминают в контексте создания мобильных сайтов и приложений.
В частности, во введении в media-запросы в прошлой статье основное внимание уделялось созданию сайтов, рассчитанных на планшеты и мобильные устройства.
Учитывая трудности в создании мобильных сайтов и приложений, не удивительно, что разработчики ухватились за media-запросы.
По сравнению с нежелательными альтернативами вроде анализа браузера (иногда называемого распознаванием устройства) и необходимостью создавать вариации мобильных приложений для каждой платформы индивидуально media-запросы кажутся настоящим подарком.
Безусловно, это отличные модули, и причина, по которой я написал о них в прошлом номере, состоит в том, что вы должны использовать их уже сегодня.
Еще раз об адаптивном веб-дизайне
Однако не все так просто: media-запросы CSS — отличная штука, но это не более чем часть того, что вам понадобится на самом деле, чтобы создать по-настоящему удобное в использовании мобильное веб-приложение.
В прошлом номере я упомянул термин «адаптивный веб-дизайн» (responsive Web design) — его ввел в употребление Этан Маркотт (Ethan Marcotte) в своей новаторской статье под тем же названием (bit.ly/9AMjxh).
Маркотт основное внимание уделяет media-запросам и в то же время указывает на необходимость в двух других частях: «резиновых» (текучих) сетках (fluid grids) и гибких изображений (flexible images). Media-запросы — ядро, управляющее адаптивными сайтами, но они эффективны лишь в том случае, когда дизайн сайта тоже является адаптивным.
В этой статье я познакомлю вас с некоторыми идеями, относящимися к двум другим стержням адаптивного веб-дизайна. Я начну с обзора ряда перспективных модулей CSS-разметки (CSS layout modules), а затем расскажу о том, как сделать элементы, отличные от текста, например изображения и встроенное видео, такими же адаптивными.
Попутно я отмечу некоторые инфраструктуры и библиотеки, помогающие в этом деле. Я также упомяну кое-какие популярные инфраструктуры для создания мобильных веб-приложений, а в заключение кратко рассмотрю применение HTML5 для создания «родных» приложений. К тому моменту, когда вы прочитаете эту статью, вы должны получить четкое представление о том, как приступить к реализации адаптивного веб-дизайна в своих приложениях.
Резиновые сетки и разметки
Использование сетки для группирования строк (typographic design) — методика, которая в той или иной форме практикуется столетиями и была изобретена даже раньше, чем наборный шрифт (moveable type).
Такая двухмерная структура состоит из пересекающихся вертикальных и горизонтальных осей, позволяющих дизайнеру выравнивать и упорядочивать элементы в разметке так, чтобы они приятно смотрелись (рис. 1).
За последние несколько лет веб-дизайнеры начали применять многие из тех же принципов в своих цифровых работах, а ряд популярных инфраструктур вроде 960 Grid System (960.gs) и Semantic Grid System (semantic.gs) теперь делают разметку сеткой доступной всем.
Рис. 1. Типографская сетка
Однако прямое использование типографской сетки в Web имеет явный недостаток: печатные разметки фиксированы, а веб-разметки — нет. Более того, многие реализации сеток не особо поддерживают семантику, что требует добавления разметки для определения сетки и приводит к смешению визуализируемых элементов с контентом ваших HTML-страниц.
Чтобы сетки (или разметки) были по-настоящему резиновыми, они должны подстраиваться под изменения.
А это ведет нас к понятию «резиновый» (fluid) в термине Маркотта «резиновая сетка» (fluid grid). Чтобы сетки (или разметки) были по-настоящему резиновыми, они должны подстраиваться под изменения.
Как я говорил в прошлой статье, media-запросы помогают определять правила для изменения позиции элементов, но для эффективного применения этих правил такие элементы нужно сначала определить в резиновом или гибком контейнере.
Ранее упомянутые мной инструменты (равно как и многие другие) действительно решают эту проблему либо «родными» средствами (Semantic Grid), либо через использование дополняющей библиотеки (Adapt.js для 960 Grid, см. adapt.960.gs), но, помимо этого, появляются новые CSS-модули, которые помогают в создании резиновых разметок.
Заметьте, что я несколько вольно обращаюсь с термином Маркотта «резиновые сетки», называя их также и резиновыми разметками (fluid layouts). Я делаю так потому, что некоторые из новых CSS-модулей, хоть и не основаны на сетке, все равно помогают создавать резиновые, адаптируемые контейнеры.
Давайте сначала рассмотрим CSS3 Flexible Box Layout Module (или Flexbox), который можно найти по ссылке bit.ly/yguOHU.
Flexbox помогает создавать контейнеры разметки для элементов, которые будут автоматически позиционировать свои дочерние элементы в горизонтальном или вертикальном направлении, и предоставляет поддержку автоматического изменения интервалов (Goodbye «ul li { float: right; }»!).
Этот модуль поддерживается (с префиксами поставщиков браузеров) в Internet Explorer 10 Platform Preview, Firefox, Chrome, Safari, iOS Safari и Android (детали см. по ссылке caniuse.com/flexbox).
Мы начнем с применения Flexbox к сайту Photo Gallery, о котором я говорил в прошлый раз. При использовании CSS, показанной на рис. 2, вы увидите результат, слегка стилизованный в иллюстративных целях на рис. 3.
Пожалуйста, обратите внимание на то, что в CSS с рис. 2 используется только префикс поставщика «-ms-». В пример кода, который содержится в пакете скачиваемого кода для этой статьи (code.msdn.microsoft.
com/mag201205HTML5), я включил и другие префиксы поставщиков (-webkit, -moz, -o).
Рис. 2. CSS для использования модуля Flexbox
ul.thumbnails {
width: 100%;
background: #ababab;
display: -ms-box;
-ms-box-orient: horizontal;
-ms-box-pack: center;
-ms-box-align: center;
}
ul.thumbnails li {
-ms-box-flex: 1;
}
Рис. 3. Изображения Photo Gallery с примененным Flexbox
Симпатично, конечно, но выглядит примерно так же, как и раньше. Чтобы увидеть гибкость Flexbox, измените размер окна своего браузера или откройте эту страницу на мобильном устройстве или в их эмуляторе. В этом примере не определены никакие media-запросы, и тем не менее разметка оказывается более гибкой.
Скомбинируйте эти два модуля и вы сможете создать резиновые контейнеры, которые выравнивают, сдвигают элементы и меняют интервалы между ними в зависимости от изменения размеров окна.
Например, можно создать правило media-запроса для экранов менее 480 пикселей, изменить ориентацию прямоугольника на вертикальную, и вуаля — у вас появилась начальная разметка для мобильных устройств.
CSS Grid Layout (или просто CSS Grid), которую можно найти по ссылке bit.
ly/ylx7Gq, — более новая спецификация, переданная на рассмотрение в W3C CSS Working Group в апреле 2011 года и в настоящее время реализованная только в Internet Explorer 10 Consumer Preview.
Идея в том, чтобы предоставить надежную «родную» поддержку сеток в браузерах. Разработчики и дизайнеры получат богатую типографскую сетку, которая избавит их от необходимости создавать табличные структуры или семантически нейтральную разметку.
CSS Grid позволяет разметить страницу заранее определенными строками и столбцами, а также определить правила, указывающие, как контент будет размещаться в этих элементах и вокруг них. Первый шаг — определение контейнера сетки (grid container) с указанием «grid» в качестве значения свойства display для выбранных элементов:
body {
display: -ms-grid; // префикс поставщика обязателен
}
Здесь я выбираю элемент body, что приведет к охвату моей сеткой всего документа. Это не обязательно, и я мог бы легко смастерить сетку из меньшей секции страницы или даже определить несколько сеток на одной странице. После определения сетки нужно определить размеры ее строк и столбцов:
body {
display: -ms-grid;
-ms-grid-rows: 50px 30% 20% auto;
-ms-grid-columns: 75px 25px 2fr 1fr;
}
А здесь указываю сетку из четырех столбцов и четырех строк, для одних делая размер абсолютным (например, 50px, 75px), для других — относительным размеру окна (30%, 20%) и автоматически изменяемым в зависимости от ширины его контента (auto). Я также использую новую числовую единицу fr (fraction), которая определена в спецификации CSS Grid как «…доля доступного пространства».
Значения fr вычисляются после присваивания фиксированных размеров пропорциональным делением оставшегося пространства между всеми строками и столбцами, определенными с этими значениями. В контексте моего примера это означает, что, поскольку под столбцы 1 и 2 суммарно зарезервировано 100 пикселей, столбец 3 получит две трети оставшегося пространства, а столбец 4 — одну треть.
Определив сетку, можно легко позиционировать дочерние элементы в сетке, присваивая им номера строк и столбцов, например:
#main {
-ms-grid-row: 2;
-ms-grid-column: 2;
-ms-grid-row-span: 2;
-ms-grid-row-align: center;
}
Я помещаю свой главный (main) секционирующий элемент (sectioning element) во вторую строку и второй столбец сетки. Также разрешаю этому элементу охватить две строки и центрирую контент внутри этого контейнера.
На сайте Microsoft Internet Explorer Test Drive Demo используется своя реализация CSS Grid Layout для создания точной реализации популярного сайта Grid System (thegridsystem.
org), и вы можете сами убедиться в этом по ссылке bit.ly/gEkZkE.
Если вы когда-нибудь пробовали сделать нечто подобное с помощью обычной разметки и CSS2.1, то, несомненно, поймете ту гибкость, которую может обеспечить CSS Grid.
Более того, CSS Grid в сочетании с media-запросами можно использовать для создания адаптивных структур, которые легко настраиваются изменением меньшего количества правил, когда пользователи подстраивают размер устройства и меняют его ориентацию.
Последняя спецификация разметки, которую я хотел представить в этой статье, — CSS Multi-Column Layout Module, которую вы найдете по ссылке bit.ly/yYEdts. CSS Multi-Column находится на стадии «Candidate Recommendation» (bit.
ly/x5IbJv) и широко поддерживается всеми браузерами, в том числе планируется поддержка в Internet Explorer 10. Multi-Column позволяет размечать столбцы на странице без позиционирования вручную.
Вам достаточно применить свойство column-width (с префиксами, если это необходимо) к контейнеру, например:
article {
width: 960px;
column-width: 240px;
}
При таком правиле элементы статьи будут разделены на столбцы (колонки) по 240 пикселей — их будет создано столько, сколько позволит контейнер (в данном случае четыре столбца по 240 пикселей заполнят контейнер размером 960 пикселей). Я мог бы также воспользоваться свойством column-count для определения фиксированного количества столбцов, и тогда размеры столбцов были бы равномерно распределены по ширине моего контейнера.
Как и в случае с модулями Flexbox и Grid, комбинирование этого модуля с media-запросами дает возможность быстро определять простые, адаптивные правила для обеспечения удобства использования на мобильных устройствах.
Описанные мной три модуля имеют много общего, и каждый из них предлагает свои функции, позволяющие создавать вариации резиновых разметок, который являются обязательными для веб-сайтов с настоящей адаптивностью. Я советую поэкспериментировать с каждым из них, чтобы вы могли выбрать подходящий модуль, когда будете решать конкретную задачу, связанную с разметкой.
В мире адаптивного веб-дизайна — особенно для мобильных решений — наибольшие затруднения вызывает медийная информация.
Загрузка...
