UI engineer diana smith creates baroque-inspired portraits using HTML and CSS. using these two hypertext markup languages — jargon for the coding that makes up what you see displayed on web browsers — smith creates every single element by hand.
image courtesy of @modestmeows
smith‘s portraits, titled ‘pure CSS francine‘ and ‘pure CSS lace‘, are not images that can be saved to file but pure code created without libraries, shortcuts, or the use of another visual editor. that means that the portraits can look very different when viewed in different browsers – because of the different code-reading capabilities of each program.
loaded in firefox
image courtesy of @triptych
creating images with CSS involves writing code that will display an object in a browser and then manipulate its various properties, like size or color for example. what makes smith’s process so painstakingly time-consuming is that you can’t see what you are making, which means smith has to use trial-and-error.
image courtesy of diana smith
the portrait titled ‘pure CSS lace’, which features a woman wearing a black dress complete with pearls and a lace colla, is made up of 1,968 lines of CSS code. a piece like this can take smith up to two weeks to create. the outcome is a pure CSS image made up of code that can be endlessly tweaked.
in an old version of opera
image courtesy of @dz
project info
designer: diana smith
title: pure CSS lace / pure CSS francine
portraits (137 articles)
wearable sculptures by PYUUPIRU express gender and the human form as 'a higher world'
chokoon builds portraits of thai monarchs using only characters from their names
photographer hal vacuum-seals families together with their homes
andreas franke exhibits 24 portraits under the sea to raise awareness of plastic pollution
these are all the wild things you could be doing while taking your official passport photo
an algorithm and an artist carefully compose portraits from thousands of lines of thread
technology news
AR contact lenses place micro-displays inside your eyes
#technology
california-based tech startup mojo vision has revealed its smart contact lenses which use augmented reality to place information inside the wearer's eyes.
california-based tech startup mojo vision has revealed its smart contact lenses which use augmented reality to place information inside the wearer's eyes.
a robot bird built using 40 pigeon feathers flies like the real thing
#technology
scientists wanting to understand the mechanics of bird flight have created pigeonbot, a robot made from 40 pigeon feathers.
scientists wanting to understand the mechanics of bird flight have created pigeonbot, a robot made from 40 pigeon feathers.
the exolung gives divers an 'unlimited' underwater air supply
#technology
exolung translates the diver's swimming motions into air movement, keeping breathing air flowing as long as the diver keeps swimming.
exolung translates the diver's swimming motions into air movement, keeping breathing air flowing as long as the diver keeps swimming.
the planty cube is a vertical farming system assembled like LEGO bricks
#technology
the planty cube system can also be controlled via a smartphone, presenting the unique opportunity to farm remotely.
the planty cube system can also be controlled via a smartphone, presenting the unique opportunity to farm remotely.
