Создание сайтов 💻

Искусство и кроссбраузерность. В чем связь?

48
3 мин.

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

Акси Марсович
Акси Марсович
Межгалактический эксперт

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

В последнее время «кроссбраузерных блох» всё меньше и найти их всё сложнее. Связано это с развитием как самих браузеров, так и технологий, используемых при разработке сайтов. Исключение составит лишь старый и недобрый Internet Explorer младше 11 версии, на который мы ставим «заглушки». Ведь разработать сайт для 6-10 версий IE всё равно, что создать новый (или почти новый) сайт, а владельцев такого раритета всего 1%.

Заглушка на сайт в устаревшем браузере

Даже в последних версиях разных браузеров на сайте можно найти то, что будет работать не так, как предполагалось. Что уж говорить о поведении сайтов в устаревших версиях браузеров. Предлагаем рассмотреть на примере цифрового искусства.

Американская художница и программист Диана Смит без фотошопа и планшетов создает художественные работы с помощью одного только кода в HTML и CSS.

Одна из ее работ — портрет женщины «Франсин» в стиле XIX века, который вызвал неподдельный интерес у интернет-пользователей.

В последних версиях Chrome картина выглядит так:

Оригинал изображения Fransin

В Chrome 9 уже иначе:

Fransin в Chrome 9

В старой версии Opera внешность героини весьма видоизменяется:

В старой версии Opera

Портрет в Internet Explorer 7 под управлением Windows 98:

В Internet Explorer 7 под управлением Windows 98

«Франсин» в версиях IE от 6.0 до 11.0 под управлением Windows 7:

«Франсин» в раличных вериях Internet Explorer
«Франсин» в раличных вериях Internet Explorer

Если вы отъявленный модернист, то даже не вздумайте обновлять свой старенький браузер. Да, добрую половину сайтов открыть не сможете, но искусство требует жертв! Только посмотрите на этот кубизм последней картины, ну разве можно его променять на модные лощеные рисунки, с детальной проработкой и сложными цветами?

А для всех тех, кто далек от искусства, но близок к комфорту и удобному веб-серфингу, советуем не затягивать и прямо сейчас обновить свой браузер.

Для желающих приобщиться к браузерному искусству:

Исходный код «Франсин» на GitHub

Сайт Дианы Смит

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

Продающий текст для сайта
Создание сайтов 💻
8
8 мин.
Если у вас современный сайт с качественным продвижением, а заявок поступает мало, возможно опубликованный текст никого не цепляет. В этой статье мы поговорим о значимости текстового контента с точки зрения лидогенерации. Если интересно узнать, как заставить уникального посетителя позвонить или оставить на сайте заявку, то этот материал для вас.
Какой сайт лучше продает?
Создание сайтов 💻
35
7 мин.
В этой статье мы расскажем про коммерческие факторы сайтов, которые напрямую влияют на их ранжирование в естественной поисковой выдаче, особенно в Яндексе (алгоритмы гугла работают немного иначе), а значит в большей степени действуют на конверсию и продажи с вашего сайта.
Создание сайтов: плюсы и минусы популярных CMS
Создание сайтов 💻
544
10 мин.

В данной статье мы с нашими программистами сделали подборку топовых CMS на рынке интернет-маркетинга. Описали их плюсы/минусы, примерные тарифы на дату выхода статьи, плюс от себя добавили рекомендации по выбору CMS.

Что выбрать, эксклюзивную или шаблонную разработку сайта?
Создание сайтов 💻
327
6 мин.

Есть три типа разработки сайта. Что выбрать, какие плюсы и минусы в каждом из вариантов, об этом мы вам сейчас и расскажем.