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 (139 articles)
gregg segal portrays venezuelan refugees and what they eat in un-daily bread series
these robotically-painted portraits are among the first cultural artifacts of a dawning age
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
technology news
this custom-made BMW R9T by zillers garage is a mad max dream
#technology
for the BMW R9T, zillers garage has enclosed its elements inside the new and robust aluminum body that also gives it an post-apocalyptic look.
for the BMW R9T, zillers garage has enclosed its elements inside the new and robust aluminum body that also gives it an post-apocalyptic look.
the tuck bike features foldable wheels and collapses to the size of a weekend bag
#technology
designed by alex animashaun for urban commuting, the carbon fiber spoked wheels and airless foam tires fold into three pieces.
designed by alex animashaun for urban commuting, the carbon fiber spoked wheels and airless foam tires fold into three pieces.
how prusa is using the world's largest 3D-printing farm to produce medical gear
#technology
‘I want to get this to as many people who need it as soon as possible, around the world,’ průša says.
‘I want to get this to as many people who need it as soon as possible, around the world,’ průša says.
volkswagen unveils e-bulli, a 60s conversion with a 2020 electric drive
#technology
equipped with the drive system components of the latest volkswagen electric vehicles, the concept vehicle is based on a T1 samba bus produced in 1966 and »
equipped with the drive system components of the latest volkswagen electric vehicles, the concept vehicle is based on a T1 samba bus produced in 1966 and comprehensively restored.
