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

French Photographer Sophie Fontaine Shoots Poignant Portraits In Film
"Weird Faces": An Algorithm Based Project That Creates An Infinite Collection Of Fun Looking Sketched Faces
Californian Inventor Spends Millions Creating One-Off Camper Van To Take His 4YO Daughter Around The World
Autonomous And Fully Connected BMW Motorrad VISION NEXT 100 Motorcycle
Golden Age of Facial Hair: Cool Photos That Defined Beard Styles of Victorian Men
Big East Tournament 2012: Louisville, Cincinnati to Wear New Adidas Camo Uniforms
Wolseley-Vickers “Wheel-Cum-Track” Car, 1926
Stunning Detailed Portraits of Bathing People By Alyssa Monks
Photo Camera Woodgrip
"Hello Kitty" Air Jet by EVA Airways
This Solar-Powered Ecocapsule Lets You Live Off-The-Grid Anywhere In The World
Portraits Of 11 Women Together With Their Stories
"Animal Soul": Beautiful Portraits Of The Bad-Ass Cats By Robert Bahou
Made From Recycled Plastic Bottles, This Expandable, Reusable Face Mask Adjusts To All Face Shapes And Sizes
"Boyfriend Hug" Speakers Are The Perfect Way To Look Absolutely Normal In Public
Portraits of Couples, Gangs, Children, Friends, and Carnival People at California County Fairs in the Late 1970s
Alien Hunter: World’s Biggest Telescope will be Built in Chile
The Superb Female Portraits by Melina Ghadimi
Russian Photographer Xenie Zasetskaya Captures Very Exceptional Photo Portraits
These Vintage Photos Of Men At Computers Show We've Come A Long, Long Way
"Out Of This World": Photographer Egor Rogalev Visits The Museum Of Soviet Space Travel
Inside the Google's Headquarter in Zurich, Switzerland
Android: Helloween Edition!
Photographer From Slovakia Took Portraits Of Dogs And They Are Beautiful