StopIE.org.ua » CSS http://stopie.org.ua Все о современных браузерах Thu, 04 Aug 2011 18:31:01 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Логотип Opera без использования графики http://stopie.org.ua/opera/365/logotip-opera-bez-ispolzovaniya-grafiki/ http://stopie.org.ua/opera/365/logotip-opera-bez-ispolzovaniya-grafiki/#comments Fri, 13 Aug 2010 15:05:22 +0000 stopie http://stopie.org.ua/?p=365 Когда-то я уже показывал пример того, как в html можно делать изображения без использования изображений. Если точнее – то без использования тега img, все тени и блики «рисуются» средствами CSS. Единственное условие – чтобы все это увидеть, ваш браузер должен понимать CSS3, причем не только «привычные» атрибуты вроде border-radius, но и менее известные вроде gradient или color-stop.

Итак, смотрим на логотип браузера Opera. Можете отключить графику в браузере, чтобы убедиться что логотип не вставлен с помощью тега img или свойства background. Данный логотип я подсмотрел у Девида ДеСандро (David DeSandro), правда немного изменил его (у Девида стили указаны в шапке, а у меня прямо в коде – div style). Это сделано для того, чтобы удобнее было вставить логотип в блог.

Использовано всего девять блоков div+CSS3 – в этом легко убедиться просматривая исходный код страницы.

Вот скриншоты, как выглядит данный логотип в различных браузерах – честно говоря, из-за отображения его в internet explorer я хотел поначалу разместить данный пост в разделе «Юмор».

Похожие статьи:

]]> http://stopie.org.ua/opera/365/logotip-opera-bez-ispolzovaniya-grafiki/feed/ 0 Opera 9.6 http://stopie.org.ua/opera/29/opera-9-6/ http://stopie.org.ua/opera/29/opera-9-6/#comments Fri, 10 Oct 2008 16:02:15 +0000 stopie http://stopie.org.ua/?p=29 На днях горячие норвежские парни из Opera Software показали миру новую версию «самого быстрого» – Opera 9.6.

Надпись Making you faster (делаем вас быстрее) на официальном сайте недвусмысленно намекает, что норвежцы и дальше планируют удерживать пальму первенства в скорости, и не собираются ее отдавать ни Apple с Safari – «самый быстрым веб-браузером для любой платформы», ни Google с Chrome – «браузером, обеспечивающим более быструю работу».  Когда три различных производителя утверждают что именно их продукт «самый быстрый», вполне естественно, что возникает вопрос – кому же из них верить? Кстати,  благодаря выходу новой Оперы представляется интересная возможность не только сравнить Opera с Safari или Opera с Chrome , но и «столкнуть» Safari с Chrome между собой.

Быстренько скачиваем дистрибутив (менее пяти мегабайт) и устанавливаем. Если вы устанавливаете Opera 9.6 поверх Opera 9.52, инсталлятор проинформирует вас о возможности апгрейда. Отвечаю  утвердительно (все настройки, в том числе и языковые остались от предыдущей версии) и запускаю обновленный браузер.

Каких-либо кардинальных отличий от предыдущей версии (Opera 9.52) я не обнаружил, да и разработчики утверждают, что основные изменения коснулись Opera Link (улучшена синхронизация) и Opera Mail (помимо улучшений добавлен режим низкой пропускной способности, позволяющий более комфортно работать на низкоскоростных соединениях).Тем не менее, на официальном сайте говорится и о немного измененном движке обработки javascript – теперь в плане обработки скриптов Opera должна стать более похожей на Gecko (движок ФФ) и WebKit (движок Safari и Chrome). Именно из-за отсутствий бросающихся в глаза нововведений я решил не только написать о новой версии Operа, но и сравнить ее с конкурентами.

1. Ресурсоемкость

По очереди запускаю «голые» (без каких-либо открытых сайтов) браузеры, чтобы сравнить их аппетит к ОЗУ.

Opera – 6.8 Mb, Safari – 20 Mb, Chrome – 31.8 Mb. *

Далее сворачиваю всех «подопытных» на панель задач – ведь интересно сравнить их аппетиты и в спящем режиме.

Opera – 3.8 Mb, Safari – 3.8 Mb, Chrome – 21 Mb. *

И напоследок в каждом из них открываю stopie.org.ua:

Opera – 26 Mb, Safari -58 Mb, Chrome – 32 Mb. *

2. JavaScript

1-ый тест javascript:

Opera – 252 ms, Safari – 248, Chrome – 236 ms. **

2-ой тест javascript:

Opera – 6968 ms, Safari – 6942, Chrome – 2406 (!) ms. **

3. CSS-рендеринг

CSS Rendering Benchmark:

Opera – 16 ms, Safari – 16, Chrome – 71 ms. **

Тот же бенчмарк, только с использованием кеша (страница не перезагружалась)

Opera – 0 (!) ms, Safari – 16, Chrome – 64 ms. **

На десерт Acid3:

Opera – 85/100, Safari – 75/100, Chrome – 79/100.

Теперь позвольте высказать свои соображения по поводу новой Оперы в свете появления довольно агрессивных новичков. Во-первых, Опера наименее требовательна к ресурсам копьютера – два других «самых быстрых» до нее пока что не дотягиваются.

Во-вторых, Опера вполне конкурентноспособна в плане рендеринга CSS и HTML даже без ее знаменитого двойного кеша. А при его использовании (как на практике чаще всего и происходит веб-серфинг) Опера вне конкуренции. В принципе, было предсказуемо, что одинарный кеш Safari и Chrome не сможет тягаться с двойным кешем Opera.

В-третьих, я не зря назвал новичков «агрессивными». Посмотрите на результат 2-го JavaScript-теста. Chrome в два с половиной раза (!) быстрее обрабатывает скрипты. Погрешность измерений? «Заточенность» Chrome под этот тест? Или действительно настолько быстрая обработка JavaScript?

И в-четвертых Acid3. Он по-прежнему не пройден ни одним браузером. И хотя разработчики WebKit (движка, на котором основаны Safari и Chrome) утверждают, что их продукт способен пройти этот тест, на практике больше всех баллов в нем набрала новая Опера.

Примечания:

* Chrome даже с одной открытой вкладкой занимает в ОЗУ три процесса – сам браузер, собственно вкладка и GoogleUpdate.exe, отвечающий за обновления.

** Чем меньше значение, тем лучше.

Похожие статьи:

]]> http://stopie.org.ua/opera/29/opera-9-6/feed/ 5 Рекорд? Рекорд! http://stopie.org.ua/firefox/8/rekord-rekord/ http://stopie.org.ua/firefox/8/rekord-rekord/#comments Wed, 18 Jun 2008 18:08:11 +0000 stopie http://stopie.org.ua/?p=8 Во как – ни много ни мало:

Сегодня вместе с Firefox ты войдёшь в историю
Ты готов войти в историю? Ты готов установить мировой рекорд? Сегодня — День Загрузки. Чтобы стать частью Официального Мирового Рекорда Гиннесса ты должен загрузить Firefox 3 не позднее 17:00 UTC 18 июня 2008 года, то есть в течение примерно 24 часов с данного момента.

Это до 21:16 по Киеву или до 22:16 по Москве – так что кто не успел, еще есть немного времени присоедениться к более чем восьми миллионам пользователей, уже скачавшим релиз новой версии.
Весь интернет гудит о релизе нового FF – все остальные темы оказались второстепенными, а тем кто еще колеблется – скачивать или нет предлагаю посмотреть небольшой тест, написанный Романом Кортесом:

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
•
•
•
•
•
_
_
_
•
•
•
C
C
O
(
-

Гомер «нарисован» исключительно CSS, без использования графики – почти Acid 3 :)
Если вы видете нормально отображающегося героя Симпсонов, значит ваш браузер вполне корректно работает с CSS2. Если нет – почему бы вам не присоедениться к установке рекорда прямо сейчас? Вперед и с песней, как говорится :)
P.S.
Пока писался данный пост, нового Огнелиса успели скачать еще двести тысяч человек.

Похожие статьи:

]]> http://stopie.org.ua/firefox/8/rekord-rekord/feed/ 6