When you want to create a piece of artwork what do you reach reach for? Pencil and paper? Paint and brush? Photoshop and Wacom tablet? How about just HTML and CSS? In a project called Digital Bits, students at RISD created drawings of everyday objects with nothing more than HTML and CSS, and the results are pretty nifty.
A quick peek at the source code reveals how these objects are made out of div elements and CSS rules:
You can find many other examples of CSS drawing that take these ideas even further to create stuff like the CSS Washing Machine, CSS Homer, and even a pure CSS Twitter Fail Whale.
This article was last modified on January 8, 2023
This article was first published on December 5, 2012
Commenting is easier and faster when you're logged in!
Recommended for you
Free Webinar Covers Strength and Weaknesses of Engraving and Thermography
Both engraving and thermography give your print projects a tactile quality that...
Livestream Video: Creating Arrows in Illustrator, Photoshop, and InDesign
Learn how to work with strokes and shapes to create custom arrows in Adobe Illus...
This Week in InDesign Articles, Number 9
I know it's been quiet around here, but there's lots buzzing behind the scenes....