Рисование с помощью кода в стиле барокко
Дизайнер и художница Диана Смит создает портреты в фламандском стиле и стиле барокко с использованием HTML и CSS, двух основных языков разметки презентаций, предназначенных для отображения веб-страниц.
Портреты заполняют тысячи строк кода, и у Смит есть строгое правило: все элементы должны быть напечатаны вручную.
Это означает, что она не полагается на какой-либо визуальный редактор.
Вместо этого эти изображения написаны отчасти как эссе и, наверное, там есть огромное количество проб и ошибок.
Устранение сложных проблем с CSS или HTML может на несколько часов поставить в тупик даже хорошего разработчика, не говоря уже о создании жемчужных ожерелий, причесок, мимики и кружевных воротничков.
Дизайн создан для просмотра в браузере Google Chrome, но Firefox, похоже, тоже отлично справляется.
Каждый браузер по-своему отображает этот код.
К примеру, если портрет выглядит вполне нормальным в Google Chrome, то уже Safari по какой-то причине выносит кружевные оборки с воротника платья девушки на передний план, перекрывая её лицо.
«Из-за художественного характера этого проекта я не заботилась о кроссбраузерной совместимости, поэтому просмотр в реальном времени, скорее всего, будет выглядеть смешно во всём, кроме Chrome».
По словам Дианы Смит, просматривать её работы - вовсе не бессмысленное занятие, ведь именно так можно узнать, как менялись интернет-технологии.
Когда вы смотрите на это изображение в разных браузерах, вы как бы просматриваете историю интернета и то, что от него требовалось в то время.
Вот еще одна прошлогодняя работа под названием Pure CSS Francine.
«Из-за художественного характера этого проекта я не заботилась о кроссбраузерной совместимости, поэтому просмотр в реальном времени, скорее всего, будет выглядеть смешно во всём, кроме Chrome».
По словам Дианы Смит, просматривать её работы - вовсе не бессмысленное занятие, ведь именно так можно узнать, как менялись интернет-технологии.
Когда вы смотрите на это изображение в разных браузерах, вы как бы просматриваете историю интернета и то, что от него требовалось в то время.
Поэтому, чем более старые версии браузеров вам удастся разыскать, тем более уникальные изображения вы получите. Большинство же современных браузеров работают на исходном коде Chromium, из-за чего во всех последних версиях веб-сёрферов PureCSS-картины будут выглядеть одинаково.
Сайт
Твиттер