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

Life of the U.S in the Early 1940s Through Incredibly Colorized Photos
Robot Dogs Are Remarkably Easy To Defeat Thanks To These Weak Spots
Serbian Barber Trims Celebrity Portraits On Customers’ Heads
These 8 Paintings Are Filled With Easter Eggs That Are Only Visible When You Zoom In
This Artist Draws Portraits Of People Using Pencils And Watercolors
The Conceptual Portraits of Kyiv's Youth by GORSAD Collective
People Are Protecting Themselves With Funny Ultra-Realistic Face Masks
Photographer Uses 160-Year-Old Camera To Take Eerily Beautiful Portraits
Stunning Photos Of Volkswagen Beetle Rat Rods With Patina Look On The Streets
Inside China's Trash Park Where Bentleys And Mercedes Worths Millions Are Abandoned By Their Rich Owners
Hilarious Personal Computer Ads From The 1980s
Chevrolet Speedometer Design: Design Evolution from 1941 to 2011
World's First Smart Virtual Store Opens in Korea
Beautiful Redhead Female Portraits by Maja Topčagić
Made From Recycled Plastic Bottles, This Expandable, Reusable Face Mask Adjusts To All Face Shapes And Sizes
Fake Family Portraits From the Art World
Autonomous And Fully Connected BMW Motorrad VISION NEXT 100 Motorcycle
Fantastic Chromatic Typewriter
Portraits of Couples, Gangs, Children, Friends, and Carnival People at California County Fairs in the Late 1970s
Wildlife Photographer Documents Domestic Dogs In His Book ‘The Year Of The Dogs’
1936 Stout Scarab: The World's First Minivan?
The Mysterious and Intriguing Portraits of Asian Girls By Wind.fy
Audrey Hepburn: Portraits of an Icon
HP Brand Re-Design by Moving Brands