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 (140 articles)
salman khoshroo weaves wool portraits based on his experience of quarantine
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
technology news
david obendorfer pays tribute to BMW’s first electric car with '02 reminiscence' concept
#technology
the original BMW 1602 elektro-antrieb was first unveiled during the 1972 olympic games in munich.
the original BMW 1602 elektro-antrieb was first unveiled during the 1972 olympic games in munich.
sony launches wearable air conditioner that fits in your pocket
#technology
as temperatures soar, the idea of a portable, wearable air conditioner seems pretty idyllic.
as temperatures soar, the idea of a portable, wearable air conditioner seems pretty idyllic.
japan unveils new bullet train that can keep on running during an earthquake
#technology
the N700S — S stands for supreme — has a ‘rescue pack’ lithium-ion battery that can move an affected train at low speed in the event of a serious »
the N700S — S stands for supreme — has a ‘rescue pack’ lithium-ion battery that can move an affected train at low speed in the event of a serious interruption of the overhead power supply, like an earthquake.
motocrew crafts minimalist, M power revamp to BMW K100 RS motorcycle
#technology
M power is added to a neo-retro, white and black custom.
M power is added to a neo-retro, white and black custom.
