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

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.




[Fancy_Facebook_Comments_Pro width="650"]
If you want more awesome content, subscribe to 'Design You Trust Facebook page. You won't be disappointed.

More Inspiring Stories

Stunning Portraits of Wild Animals by Brad Wilson
Belgian Designers Have Created A Canoe For Two That Folds Away Into A Box
Belarusian Designer Transforms Old Soviet Budget "Zaporozhets" Car Into Porsche Boxter
Bruce Campbell's Boeing 727 Home Project
Meet Alicia Framis, The First Woman To Marry A Hologram
Luxury 'Doomsday Bunker' Will Allow 34 Super Rich Families To Survive The Apocalypse
AI Artist Combines Star Wars Imagery with the Creative Spirit of Burning Man
Explorer Visits Abandoned and World's Largest Ekranoplan, Here Are Some Great Pictures of The Inside and Outside
Photographer Anna Ulman Captures the Dramatic Beauty of Dance in Dynamic Portraits of The Dancers
Striking Black And White Portraits Of Celebrities At The Golden Globes 2017
Speed Of Light
Lamborghini Athon, an Amazing But Forgotten Concept Car From 1980
Technicians At The Government Of Alberta Dairy And Food Canada Laboratory In 1970s
UVMask: Real-Time UV-C Filtration & Purification Face Mask That Filters Dust, Organisms, And Allergens As You Breathe
Range Rover Driver Slates Dealership By Graffitiing His Own Car With Angry Messages
P A R A N O R M A L A C T I V I T Y: The Superb Surreal AI Portraits by Michele Loubser
Portraits Of 11 Women Together With Their Stories
A Futuristic And Interactive Jewel Directly Projected On Your Neck
Marvelous Dreamlike Portraits Of Redheads With Red Foxes By Alexandra Bochkareva
Energy-Saving Lighting System Turns Night Sky Purple in Sweden
Amazing Macro Portraits of Bees Reveal How Different They Actually Look
Most “Toxic” Superheroes
Superb AI-Generated Optical Illusions that Twist Your Perception
Meet Rachael, the World’s First Fully Automated Autonomous 3D Design Influencer on Instagram