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

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

Портреты заполняют тысячи строк кода, и у Смит есть строгое правило: все элементы должны быть напечатаны вручную.
Это означает, что она не полагается на какой-либо визуальный редактор.
Вместо этого эти изображения написаны отчасти как эссе и, наверное, там есть огромное количество проб и ошибок.
Устранение сложных проблем с CSS или HTML может на несколько часов поставить в тупик даже хорошего разработчика, не говоря уже о создании жемчужных ожерелий, причесок, мимики и кружевных воротничков.

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

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



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

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

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

Поэтому, чем более старые версии браузеров вам удастся разыскать, тем более уникальные изображения вы получите. Большинство же современных браузеров работают на исходном коде Chromium, из-за чего во всех последних версиях веб-сёрферов PureCSS-картины будут выглядеть одинаково.
|
|
</> |
Транскрибация: как автоматизация процесса ускоряет работу с контентом и повышает производительность
Шуйский А. Сын Грозного Иван: жизнь и смерть. СПб.: Алетейя, 2025
Картиночный анонсик
Левый террор против правого террора.
Повторное расследование
"Набережная туманов"
Валдайский детокс. Музей и не только (2)
Осеннее танго в Никитском ботаническом саду
Ленивый гаспачо

