Рисование с помощью кода в стиле барокко


Рисование с помощью кода в стиле барокко

Дизайнер и художница Диана Смит создает портреты в фламандском стиле и стиле барокко с использованием HTML и CSS, двух основных языков разметки презентаций, предназначенных для отображения веб-страниц.

Рисование с помощью кода в стиле барокко

Портреты заполняют тысячи строк кода, и у Смит есть строгое правило: все элементы должны быть напечатаны вручную.

Это означает, что она не полагается на какой-либо визуальный редактор.

Вместо этого эти изображения написаны отчасти как эссе и, наверное, там есть огромное количество проб и ошибок.

Устранение сложных проблем с CSS или HTML может на несколько часов поставить в тупик даже хорошего разработчика, не говоря уже о создании жемчужных ожерелий, причесок, мимики и кружевных воротничков.

Рисование с помощью кода в стиле барокко

Дизайн создан для просмотра в браузере Google Chrome, но Firefox, похоже, тоже отлично справляется.

Каждый браузер по-своему отображает этот код.

Рисование с помощью кода в стиле барокко

К примеру, если портрет выглядит вполне нормальным в Google Chrome, то уже Safari по какой-то причине выносит кружевные оборки с воротника платья девушки на передний план, перекрывая её лицо.

Рисование с помощью кода в стиле барокко

Рисование с помощью кода в стиле барокко

Рисование с помощью кода в стиле барокко

«Из-за художественного характера этого проекта я не заботилась о кроссбраузерной совместимости, поэтому просмотр в реальном времени, скорее всего, будет выглядеть смешно во всём, кроме Chrome».

Рисование с помощью кода в стиле барокко

По словам Дианы Смит, просматривать её работы — вовсе не бессмысленное занятие, ведь именно так можно узнать, как менялись интернет-технологии.

Когда вы смотрите на это изображение в разных браузерах, вы как бы просматриваете историю интернета и то, что от него требовалось в то время.

Рисование с помощью кода в стиле барокко

Вот еще одна прошлогодняя работа под названием Pure CSS Francine.

«Из-за художественного характера этого проекта я не заботилась о кроссбраузерной совместимости, поэтому просмотр в реальном времени, скорее всего, будет выглядеть смешно во всём, кроме Chrome».

По словам Дианы Смит, просматривать её работы — вовсе не бессмысленное занятие, ведь именно так можно узнать, как менялись интернет-технологии.

Когда вы смотрите на это изображение в разных браузерах, вы как бы просматриваете историю интернета и то, что от него требовалось в то время.

Рисование с помощью кода в стиле барокко

Поэтому, чем более старые версии браузеров вам удастся разыскать, тем более уникальные изображения вы получите. Большинство же современных браузеров работают на исходном коде Chromium, из-за чего во всех последних версиях веб-сёрферов PureCSS-картины будут выглядеть одинаково.

Автор: Татьяна Андрющенко

Источник: tanjand.livejournal.com



Комментарии для сайта Cackle
Яндекс.Метрика Top.Mail.Ru