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

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

Художница и программист Диана Смит (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-кодом. Как у них с кроссбраузерностью, мы пока не проверяли.