?

Log in

No account? Create an account

Все интересное в искусстве и не только.


Previous Entry Share Flag Next Entry

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

UI-инженер Диана Смит создает портреты в фламандском стиле  (2).JPG

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



UI-инженер Диана Смит создает портреты в фламандском стиле  (5).jpg

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

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


UI-инженер Диана Смит создает портреты в фламандском стиле  (3).JPG


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

UI-инженер Диана Смит создает портреты в фламандском стиле  (1).JPG

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

UI-инженер Диана Смит создает портреты в фламандском стиле  (2).JPG


UI-инженер Диана Смит создает портреты в фламандском стиле  (1).JPG


preview.png

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


UI-инженер Диана Смит создает портреты в фламандском стиле  (4).jpg


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

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


UI-инженер Диана Смит создает портреты в фламандском стиле  (6).jpg

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


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

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

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

UI-инженер Диана Смит создает портреты в фламандском стиле  (3).JPG


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




Recent Posts from This Journal


Buy for 100 tokens
Buy promo for minimal price.

  • 1
vg_saveliev November 16th, 13:12
Like

lj_frank_bot November 16th, 13:12
Здравствуйте!
Система категоризации Живого Журнала посчитала, что вашу запись можно отнести к категории: Искусство.
Если вы считаете, что система ошиблась — напишите об этом в ответе на этот комментарий. Ваша обратная связь поможет сделать систему точнее.
Фрэнк,
команда ЖЖ.

le_fataliste November 16th, 13:20
Столкновение математики и искусства - гуманитариев и ... машин, приходящих им на смену. Чуть позже, когда уже не понадобятся люди.

Какова, интересно, ценность будет подобного искусства - ведь, если создаст машина: пропадёт уникальность. Момента творения.

tanjand November 16th, 13:35
Такого не будет никогда. Это просто еще один инструмент, который пока в зачаточном состоянии - как эмбрион. Следить за его развитием интересно, и я часто это освещаю, но ждать, что пропадет одухотворенность - не стоит.
Когда родилось кино - все хоронили театр. Но театр прекрасно себе живет и радует.
Когда родилась фотография, все хоронили живопись, и напрасно. Все заняли свои ниши.

le_fataliste November 16th, 13:45
Вы правы, я думаю, я очень надеюсь на это, я практически заклинаю, чтобы это было истиной!

Но Deus ex machina ("Бог из машины") становится день ото дня всё сильнее и сильнее - и не ровён час, когда всё действительно случится как в античном представлении, он откуда-то спустится и мы подчинимся этому миру строгих алгоритмов и логарифмов.

Извините за каламбур - "не дай Бог!" тут было бы, как нельзя, кстати.

coolwolf0 November 16th, 14:03
"если создаст машина" - это было заключение после чтения кода на github?
Лично меня уровень владения материалом приятно удивил: не всякий художник так мастерски строчит CSS. Не вижу чего-то "машинного" в подборе угла поворота эллипса или оттенков для градиента заливки - типичный труд художника.
Основное противоречие с классическим искусством тут в том, что зритель получает доступ к исходникам художественного произведения. Технически невозможно позволить всем желающим препарировать слои краски на полотне ДаВинчи, а тут каждый может просмотреть сначала HTML (и увидеть раскладку композиции), а потом спуститься до CSS (и оценить мастерство автора в деталях). Таинство, отделявшее образ от материала пропадает, но от этого образ не становится "механистичнее".

le_fataliste November 16th, 14:11
Как раз и получается механистичное - просмотрев код и я при должной сноровке стану да Винчи. А мир и велик тем, что тайна сия должна быть покрыта мраком ея - никому не нужно 10 000 Леонардо, он необходим только один - как неизбежность и неповторимость, как жизнь на 1 раз и смерть 1 раз - всё уникально и нечего их "считывать".

coolwolf0 November 16th, 16:14
Это тот самый механистический подход над которым весьма едко иронизировал Войнович в "Москве 2042" - нельзя понять целое, распилив его на кусочки.
Увидев, как ловко маэстро делает мазки краской я не создам такое же произведение (даже ничего близкого). Но техника скульптуры, живописи и других жанров искусства - штука немаловажная, поэтому её вполне может освоить каждый желающий, было бы время и минимальные данные. Ни за что не поверю, что кто-то, посмотрев как работает да Винчи, автоматически становится с ним на одну планку.

le_fataliste November 16th, 17:02
Время покажет, я думаю.

padolski November 16th, 13:21
Like

padolski November 16th, 13:21
Однако и мастерица!!!!

nssigova November 16th, 13:40
Like

kiczune November 16th, 14:29
Like

interier November 16th, 14:30
а не такого браузера, чтобы именно одежда не отображалась? :)

livejournal November 16th, 14:36
Здравствуйте! Ваша запись попала в топ-25 популярных записей Московского региона в LiveJournal. Подробнее о рейтинге читайте в Справке.

smiling_cathy November 16th, 14:47
Like

chip33 November 16th, 15:13
Хм, если бы это был технарь, это была бы изысканная шутка, но поскольку художник, то это все всерьез...

solodkyy November 16th, 16:09
Like

konrad1975 November 16th, 18:39
Like

ya_gena November 16th, 18:52
Like

chatcher2012 November 16th, 20:18
Like

u_chitelka November 16th, 20:46
Like

irina_clonidina November 16th, 21:12
Like

mrava November 16th, 21:13
Like

chuka_lis November 17th, 2:22
"мы не ищем легких путей"))

obozrov November 17th, 4:02
Какой смысл использовать кодовый язык HTML, который не предназначен для составления цельных графических изображений? От того оно "ползет" в разных браузерах. Креативный выпендреж?

У языка HTML есть специальный диалект SVG, именно для этой цели построения графических изображений. И любой современный браузер его понимает и безошибочно отражает. Ох уж эти креативщики-выпендрежники...

03162 November 17th, 7:09
Like

  • 1