Никакого фотошопа: американка написала картину исключительно с помощью кода 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?

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

Популярное

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

Живопись Дениса Саражина: красота и драма человеческого тела

Живопись Дениса Саражина: красота и драма человеческого тела

Тайна смерти Элизы Лэм: несчастный случай, убийство или проклятие старого отеля?

Тайна смерти Элизы Лэм: несчастный случай, убийство или проклятие старого отеля?

Зачем американские солдаты во Вьетнаме носили на касках игральные карты

Зачем американские солдаты во Вьетнаме носили на касках игральные карты

Новые посты

Замок Иф — легендарная тюрьма французских королей

Замок Иф — легендарная тюрьма французских королей

20 фото, которые были сделаны в самый нужный момент

20 фото, которые были сделаны в самый нужный момент

Читай по зубам! 5 признаков болезней, которые можно обнаружить во рту

Читай по зубам! 5 признаков болезней, которые можно обнаружить во рту

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

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

Это не ремонт, а уборка! 30 примеров, на какие метаморфозы способно мытье

Это не ремонт, а уборка! 30 примеров, на какие метаморфозы способно мытье

Как снимали сериал «Бандитский Петербург» и с кого списаны главные персонажи

Как снимали сериал «Бандитский Петербург» и с кого списаны главные персонажи

Как Стэнли Кубрик «Заводной апельсин» снимал

Как Стэнли Кубрик «Заводной апельсин» снимал

Интерьер в стиле «совок» — в чем секрет убожества советских ремонтов

Интерьер в стиле «совок» — в чем секрет убожества советских ремонтов

Люди с родимыми пятнами, которые не растерялись и сделали их частью татуировок

Люди с родимыми пятнами, которые не растерялись и сделали их частью татуировок

20 фото людей «до и после» того, как они обрезали свои длинные волосы

20 фото людей «до и после» того, как они обрезали свои длинные волосы

Все называют ее снимки фотошопом, но они реальны: удивительные кадры дайвера и подводного мира

Все называют ее снимки фотошопом, но они реальны: удивительные кадры дайвера и подводного мира

Модели плюс-сайз без фотошопа: все не так шикарно, как кажется на первый взгляд

Модели плюс-сайз без фотошопа: все не так шикарно, как кажется на первый взгляд