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

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

17
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

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

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

Создание сайтов: плюсы и минусы популярных CMS
Создание сайтов 💻
243
10 мин.
В данной статье мы с нашими программистами сделали подборку топовых CMS на рынке интернет-маркетинга. Описали их плюсы/минусы, примерные тарифы на дату выхода статьи, плюс от себя добавили рекомендации по выбору CMS.
Что выбрать, эксклюзивную или шаблонную разработку сайта?
Создание сайтов 💻
166
6 мин.

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

Сертификация 1С-Битрикс, или Как выбрать разработчика сайта
Создание сайтов 💻
78
7 мин.

Давайте разберем: действительно ли стоит обращать внимание на наличие различных профильных сертификатов у специалистов, ответственных за разработку вашего продукта? Или же это все пыль в глаза и в принципе разницы между сертифицированным или не сертифицированным специалистом нет?

Почему стоит отказаться от поддержки Internet Explorer
Создание сайтов 💻
81
16 мин.
Расстояние между Internet Explorer (IE) 11 и любым другим современным браузером становится все более похоже на бездонную пропасть. Поддержка браузера занимает непомерно много времени у веб-разработчиков, тестирование сайтов превращается в муку. Разработчики годами хотели отказаться от IE, но разумно ли это сейчас с финансовой точки зрения?