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

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

Популярное

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

Из красавицы в чудовище: история Мэри Энн Вебстер — самой безобразной женщины в мире

Из красавицы в чудовище: история Мэри Энн Вебстер — самой безобразной женщины в мире

Дайан Фосси — жизнь и смерть отважной «Королевы обезьян»

Дайан Фосси — жизнь и смерть отважной «Королевы обезьян»

Древняя история в невероятных картинах Бруно Вепхвадзе

Древняя история в невероятных картинах Бруно Вепхвадзе

Новые посты

Почему раков варят только живьем и чувствуют ли они боль?

Почему раков варят только живьем и чувствуют ли они боль?

«Дурная кровь», или Как аферистка Элизабет Холмс обвела вокруг пальца весь мир

«Дурная кровь», или Как аферистка Элизабет Холмс обвела вокруг пальца весь мир

Японка никогда не выбрасывает картонные коробки: она находит им применение получше

Японка никогда не выбрасывает картонные коробки: она находит им применение получше

30 примеров паршивого дизайна, которые вас точно позабавят

30 примеров паршивого дизайна, которые вас точно позабавят

Не везет, так не везет: 22 примера, когда день не задался

Не везет, так не везет: 22 примера, когда день не задался

Олег Видов — идеальный киногерой, сделавший карьеру на Западе

Олег Видов — идеальный киногерой, сделавший карьеру на Западе

Китайский фермер обнаружил в желчном пузыре свиньи настоящее сокровище

Китайский фермер обнаружил в желчном пузыре свиньи настоящее сокровище

Чем прославилась Амелия Дайер, «Людоедка из Рединга»

Чем прославилась Амелия Дайер, «Людоедка из Рединга»

Ссоры между актерами, угрожавшие съемкам советских киношедевров

Ссоры между актерами, угрожавшие съемкам советских киношедевров

22 странные игрушки с полок магазинов, к авторам которых есть вопросы

22 странные игрушки с полок магазинов, к авторам которых есть вопросы

22 прекрасных примера пофигизма 80 уровня

22 прекрасных примера пофигизма 80 уровня

Кратер Ксико — грандиозное чудо природы на окраине Мехико

Кратер Ксико — грандиозное чудо природы на окраине Мехико