Почему вам следует обновить браузер во имя искусства

Элемент картины «Франсин» Дианы Смит

Диана Смит (Diana Smith) создаёт эффектные картины с помощью кода: все элементы её «полотен» написаны в виде CSS, а не нарисованы.

Картины Смит — это даже не файлы, нельзя щёлкнуть правой кнопкой мыши и сохранить изображение на рабочем столе. Каждая картина создаётся вручную с помощью инструментов разработчика в браузере Chrome. Каждый её элемент — фрагмент кода.

«Франсин» в своём лучшем виде

Изнанка CSS-картины

В зависимости от платформы и браузера одна и та же картина будет выглядеть по-разному. Работы Дианы Смит лучше всего смотрятся в последних версиях Chrome, а в других браузерах порой принимают курьёзные формы.

Так, журналист Vox Дэвид Чжоу (David Zhou) попытался воссоздать «Франсин» в старой версии Opera. Вот что получилось:

i tried @cyanharlow’s incredible pure css portrait in an old version of opera and well, the disclaimer wasn’t lying: "so the live preview will most likely look laughable in anything other than chrome«https://t.co/fReKS0yCLz pic.twitter.com/MdPLNApQ2g

— David Zhou (@dz) 1 мая 2018 г.

Твит Дэвида Чжоу вдохновил на эксперименты других пользователей.

Так выглядит картина в Internet Explorer 7 под управлением Windows 98

В более ранних версиях IE искажение ещё сильнее

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

А так картина выглядит в Chrome 9

Сама художница заметила, что другие браузеры выдают ещё более интересные результаты, чем те, которых пыталась достичь она.

I now stand seriously corrected about viewing my work in non-Chrome browsers. The results are so much more interesting than I could’ve tried to achieve on purpose. https://t.co/g0oa5znU58

— Diana Smith (@cyanharlow) 1 мая 2018 г.

Исходный код «Франсин» опубликован на GitHub — приобщиться к браузерному искусству может каждый.

Хотите подсказать новость или поделиться экспертным мнением? Пишите: news@cossa.ru

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!