This UI Engineer Makes Stunning Digital Art Entirely From HTML & CSS Code – Design You Trust

This UI Engineer Makes Stunning Digital Art Entirely From HTML & CSS Code

Web developers are losing their minds over Diana Smith’s work, and honestly, you should, too, because it brilliantly chronicles the history of the Internet in a way that hasn’t been done before.

Smith created an elaborate image called “Pure CSS Francine” online, and it’s not at all like an image you’d click on to save. The only way to archive it is to make a screenshot of it. And it looks the same every time you do so. Why? How? Francine is made entirely with CSS (cascading style sheets), which is used to create web pages. If you’re adept with code-writing, which Smith apparently is, you can do much more than that, too.

More: Diana Smith, GitHub h/t: papermag

Creating images with CSS involves writing HTML code to display an object in a web browser. From there, you can modify the code to manipulate its size dimensions, color, shape, and more.

CSS image creation is essentially a process of layering and arranging shapes. But since the process is done entirely with a keyboard (no mouse! no touchscreen! no pre-made filter!), you can’t really check how the image is shaping up as you go.




If you want more awesome content, subscribe to 'Oh, Design You Trust,' our brand new Facebook page! Trust me, you won't be disappointed.

More Inspiring Stories

Google Street View Hits the Open Waters to Share Environment in the Amazon
PocketGrow Project
Expressive And Whimsical Portraits Of Dogs By Kaylee Greer
Tanzanian Painter Creates Striking Portraits Of Women
Chinese Man Makes Power Bank Able To Charge 5,000 Smartphones
Photographer Hitchhikes Across Europe To Take Powerful Portraits Of Self-Ruling People
Russian Photographer Takes Portraits With Real Animals And People Say Her Works Look Like They’re Straight From A Fairy Tale
Before Seatbelts and Airbags: Terrible Photos of Car Accidents in the Early 20th Century
Photographer Paul Octavious Captures Stunning Psychedelic Pup Portraits That Are Saving Animal Lives
Stunning 360° Portraits by Gianluca Traina
An Instagram Account Of Fine Art Portraits Of Black People Throughout The Centuries
Portraits and Dreams: Snapshots of Appalachian Children in Kentucky c. 1975
Photographer Omar Reda Captures a Unique Kenyan Tribe
Photographer From Slovakia Took Portraits Of Dogs And They Are Beautiful
The Most Appealing and Performing Electric Cars of 2011
Real Life Sized Soviet Era Motorbike Made Of Wood
"Hello Kitty" Air Jet by EVA Airways
Mongrel Mob Portraits By Jono Rotman
1960 Ford Spaceliner, a Vehicle That Looks a Bit Like a Spaceship From a Science-Fiction Movie
This Is A 1987 Lamborghini Countach 5000 QV By Bertone
Amazing Vintage Photos Of The Grateful Dead’s Wall Of Sound, 1974
Artist Duo Uses Twigs And Flowers To Create Intricate Portraits Out Of Mother Nature
"Passing Cloud" Reimagines What 21st Century Travel Can Be
Chinese Segway