Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS

0

Художница и программист Диана Смит (Diana Smith) вручную с помощью чистого CSS-кода создала женский портрет в стиле XVIII века. На эту непростую задачу у нее ушло две недели. Но при этом очень забавно наблюдать, как ее работа «едет» в старых версиях браузеров. Internet Explorer, как всегда, на высоте.

Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №1 - BigPicture.ru
Источник: Motherboard Vice

Американка нарисовала картину вручную с помощью инструментов разработчика в Google Chrome. Получившийся женский портрет она назвала «Фрэнсин» и выложила его код в открытый доступ на GitHub (веб-сервис для хостинга IT-проектов и их совместной разработки).

Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №2 - BigPicture.ruДиана Смит создает изображения только с помощью кода HTML и CSS, без использования графических редакторов и планшетов. При этом в разных браузерах код, из которого сделана «Фрэнсин», отображается по-разному.

Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №3 - BigPicture.ru
Например, так картина выглядит в старой версии «Оперы».
Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №4 - BigPicture.ru
А так она отображается в Chrome 9.
Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №5 - BigPicture.ru
Но особенно устрашающе картина выглядит в ранних версиях Internet Explorer.

Фотография: Никакого фотошопа: американка написала картину исключительно с помощью кода HTML и CSS №6 - BigPicture.ruНа сайте Дианы Смит можно найти еще несколько работ, созданных CSS-кодом. Как у них с кроссбраузерностью, мы пока не проверяли.

Смотрите также: Как японский дедушка превращает скучные таблицы Excel в произведения искусства

А вы знали, что у нас есть Telegram?

Подписывайтесь, если вы ценитель красивых фото и интересных историй!

Популярное

Самые горячие темы

Как сделать свой ум более гибким: 7 проверенных способов

Как сделать свой ум более гибким: 7 проверенных способов

Странная история Тани Хэд — самой известной женщины, выжившей во время теракта 11 сентября

Странная история Тани Хэд — самой известной женщины, выжившей во время теракта 11 сентября

Эволюционные атавизмы: 7 органов, которые нам больше не нужны

Эволюционные атавизмы: 7 органов, которые нам больше не нужны

Новые посты

Как царь Петр I искоренял на Руси коррупцию

Как царь Петр I искоренял на Руси коррупцию

35 раз, когда интернет помог людям опознать их необычные находки

35 раз, когда интернет помог людям опознать их необычные находки

18 панорамных снимков, с которыми что-то не так

18 панорамных снимков, с которыми что-то не так

Джейсон Д’Аквино: спички — не игрушка, а искусство

Джейсон Д’Аквино: спички — не игрушка, а искусство

Классика из пластика: известные натюрморты с элементами в пластиковой упаковке

Классика из пластика: известные натюрморты с элементами в пластиковой упаковке

Самые запоминающиеся кинотатуировки

Самые запоминающиеся кинотатуировки

Город огней: 15 потрясающих снимков ночного Токио с высоты небоскребов

Город огней: 15 потрясающих снимков ночного Токио с высоты небоскребов

За что советский суд, вопреки закону, приговорил к расстрелу 14-летнего подростка

За что советский суд, вопреки закону, приговорил к расстрелу 14-летнего подростка

Петушиные бои на Филиппинах

Петушиные бои на Филиппинах

Ученые определяли идеальную продолжительность секса, но сделали неожиданные открытия

Ученые определяли идеальную продолжительность секса, но сделали неожиданные открытия

Потрясающие африканские закаты от Пола Гольдштейна

Потрясающие африканские закаты от Пола Гольдштейна

Сырная нора: один день из жизни бруклинского сыродела

Сырная нора: один день из жизни бруклинского сыродела