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.
I now stand seriously corrected about viewing my work in non-Chrome browsers. The results are so much more interesting than I could've tried to achieve on purpose. https://t.co/g0oa5znU58
— Diana Smith (@cyanharlow) May 1, 2018
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.
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.
i tried @cyanharlow's incredible pure css portrait in an old version of opera and well, the disclaimer wasn't lying: "so the live preview will most likely look laughable in anything other than chrome"https://t.co/fReKS0yCLz pic.twitter.com/MdPLNApQ2g
— David Zhou (@dz) May 1, 2018
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.
Leave Your Comment Below
More Inspiring Stories
- Shocking Photographs Show Japanese Drinkers Using Pavements, Doorways And A Plant Pot As Impromptu Pillows After Succumbing To The Effects Of Alcohol
- Maggie Out: Striking And Depressive Photographs Captured Everyday Life In Glasgow In 1980
- Wonderful Intimate Photos Of Women Villagers Who Run The Show In Rural Russia
- Russian Soul In A Nutshell: Honest Photography By Dmitry Markov
- Photographer Asked 16 Artists To Draw His Portrait Photos In Their Own Style, And The Result Is Fabulous!
- Inverted Solo House Pyramid By TNA Architects
- Spectacular Winning Photos From The World Sports Photography Awards 2020
- This Teen Spent 400 Hours Creating A COVID-Themed Prom Dress Using Duct Tape
- Brilliant Book Dedications
- This 16-Year-Old Vegan Teenager Turns His Food Into Stunning Art