This Stunning Image Made With Pure Code
Posted: June 25th, 2018 | Author: admin | Filed under: Design, Really Cool Stuff | Tags: code, css, css images, html, interface design, pure css, pure css francine | No Comments »
Diana Smith makes web images unlike any you’ve probably seen before. That’s because when you’re looking at one of the user interface designer’s creations, you’re not looking at flat pixel data fetched from a server—you’re looking at pure code, rendered live before your very eyes.
Smith’s “Pure CSS Francine,” an elaborate code-drawing in the style of an 1800s oil painting, caused web developers on Twitter to have a meltdown this week. The work was not drawn with a tablet, or a mouse, or even using illustration software. Instead, Smith coded every element by hand in HTML and CSS, computer languages that tell your browser how to display web pages. This means that there is no “image” to save as a file when you view Pure CSS Francine on the web, but you can screenshot it or download the code and play around with it yourself.
