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 'Design You Trust Facebook page. You won't be disappointed.

More Inspiring Stories

Chevy Vega And The Vert-A-Pac Rail System In The 1970s
3D Printing Fashion: How I 3D-Printed Clothes at Home
Unveiling the Artistry and Passion Behind Barista Brian's Mesmerizing Celebrity Portraits
"The World In Faces": Photographer's Incredible Portraits Of People Who Live In Some Of The Most Remote Corners Of The Earth
Artist Creates Captivating Animal Portraits From Seashells Found At The Beach
Cheap Chinese Tablet
Russian Craftsman Shapes Wooden Motor Tricycle
Steve Jobs' Yacht 'Venus' Launched in Netherlands
This Tiny Prefab Home Inflates Itself With Body Heat
Stunning Figurative Oil Paintings by American Artist Malcolm Liepke
This Guy Used A.I. To See What The Kids Of Famous Ex-Couples Would Have Looked Like
Brzilian Street Artist Goes Viral After Using Trees As ‘Hair’ For His Women’s Portraits
Tanks - The Fallen Giants Of The World War I
Your Very Own Harrier Jet: This Jet Will Go Down In History As One Of The All Time Great Classic British Aircraft
The Rise of Original Paint, Rust, and Patina: How Volkswagen Fanatics are Embracing the Unrestored Look
Disabled Children's Superhero Dreams Come True
The Cars That Money Can't Buy: 1953-1955 Alfa Romeo B.A.T. Concepts
Sensual Black and White Portrait Photos of Goldie Hawn Taken by Joseph Klipple in 1964
Photographer Omar Reda Captures a Unique Kenyan Tribe
A Group Of Friends In Estonia Have Turned A 1984 Audi 100 Into A Cosy Wood-Fired Sauna
Stunning Photos of Elvis Presley’s 1960 Luxury Gold Cadillac
The Dark Knight Rises in Vietnam: Architecture Student Creates Impressive Batpod Replica
Meet Sarah Mayer, a Digital Fashion Artist and AR Creator
Awkward Vintage Photos of Celebrities Posing With Their Beloved Cats