Octopod Professional Services
04 мая, 19:42

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

История одной CSS-картины.

Картина «Франсин» в Google Chrome

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Распродажа курсов по интернет-маркетингу!

Под занавес года Skillbox проводит распродажу всех своих курсов по интернет-маркетингу и менеджменту: системное обучение маркетингу, управлению проектами, сквозной аналитике, и многому другому.
Скидки до 50%, плюс возможность рассрочки платежа! Предложение действует только до конца декабря!

Узнать больше >>>

Реклама

Комментарии:

Реклама


🤔 Чем живёт digital?
Главное — в рассылке:




Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Вконтакте, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой