Американская программистка рисует цифровые картины с помощью HTML и СSS

Автор:

12 ноября 2019 15:41

Сообщество : Искусство

Метки: css google chrome Цифровой рисунок забавно интересно программирование цифровое искусство цифровые картины

500

Диана Смит - человек, всерьез увлеченный программированием. И даже ее хобби - рисование - напрямую связано с написанием кода. Самая известная из картин Дианы называется "Pure CSS Francine". Этот портрет женщины в стиле барокко создан вручную с помощью инструментов разработчика в Google Chrome. Проект был опубликован на GitHub и вызвал живой интерес. А самое интересное то, что в разных браузерах он выглядит по-разному.

Американская программистка рисует цифровые картины с помощью HTML и СSS

В последних версиях Chrome изображение смотрится лучше всего, а в более ранних версиях и в других браузерах верстка часто "едет", что выглядит весьма забавно. Никогда не знаешь, какой увидишь эту картину.

Источник:

Например, журналист Vox Дэвид Чжоу открыл картинку в старой версии 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) May 1, 2018

"Я открыл CSS-портрет в старой версии Opera. Дисклеймер не врет: "просмотр в любых других браузерах кроме Хрома, скорее всего, вызовет у вас смех".

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

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) May 1, 2018

Вот портрет дамы Франсин в Сhrome 9

Источник:

А это Windows 98

Источник:

Вот так Франсин выглядит в браузере IE версий от 6.0 до 11.0 на компьютере с ОС Windows 7

Источник:

И самый абстрактный результат получается, если открыть изображение в IE 5.1.7, да еще и на Mac

Источник:

На сайте Дианы Смит можно найти еще несколько работ, созданных так же, с помощью написанного кода и без использования графических редакторов.

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

Источник:

Источник: — переведено специально для fishki.net

Ссылки по теме:

подписаться на сообщество "Искусство"

Метки: css google chrome Цифровой рисунок забавно интересно программирование цифровое искусство цифровые картины

Новости партнёров

А что вы думаете об этом?

Фото Видео Демотиватор Мем ЛОЛ Twitter Instagram Аудио

Отправить комментарий в Вконтакте

Правила

!!! Оскорбления в комментариях автора поста или собеседника. Комментарий скрывается из ленты, автору выписывается бан на неделю. Допускаются более свободные споры в ленте с политикой, но в доступных, не нарушающих УК РФ, пределах.

! Мат на картинке/в комментарии. Ваш комментарий будет скрыт. При злоупотреблении возможен бан.

! Флуд - дублирующиеся комментарии от одного и того же пользователя в разных постах, систематические ложные вызовы модераторов с помощью функции @moderator, необоснованные обращения в техническую поддержку сайта, комментарии не несущие смысловой нагрузки и состоящие из хаотичного набора букв. Санкции - предупреждение с дальнейшим баном при рецидиве.

! Публикация рекламных постов. Несогласованное размещение рекламного материала, влечет незамедлительную приостановку действий учетной записи пользователя.

! Публикация материала, запрещенного на территории РФ и преследуемого УК РФ. Незамедлительная приостановка действия учетной записи пользователя.

! Мультиаккаунты. Использование нескольких активных аккаунтов, принадлежащих одному пользователю (исключение - дополнительный аккаунт для обращения в тех. поддержку при блокировке основного аккаунта) запрещено. За нарушение предусмотрено отключение основного аккаунта с возможной дальнейшей блокировкой любого аккаунта от данного пользователя.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.