CSS: Cascading Style Sheets

Complete the CSS Crash Course (28 mins) tutorial on netnet. Cascading Style Sheets, or CSS, was a language introduced to the Web in the mid 90s for the purpose of separating a webpage's "form" or "presentation" from it's "structure" or "content". Initially it handled things like layout, color changes and typography, but today in the era of CSS3, it has evolved to become a much more expressive language capable of creating interactive effects and animations. This lesson is a crash course on the fundamentals of CSS as well as an introduction to how CSS artists use the language in unconventional ways.

Irrational Virtuosos

Complete the CSS Art (part 1) (38 mins) tutorial on netnet. Though CSS is typically understood to be the stylistic layer of a project, handling layout, color and typography, today it has grown into an incredibly expressive language, capable of handling different sorts of animations and interaction based transitions. For artists in the "CSS Art" scene experimenting with how far they can push these new capabilities has become a central thesis of their work. In this tutorial we'll create a graphic cartoon sphere in CSS from scratch, building on the basics we learned in the CSS Crash Course and exploring a few more tricks from the CSS art community.

If you’ve ever seen ASCII art — those popular computer pictures formed from text and symbols on your keyboard — then you’ve seen how computer code can be used to create art. Believe it or not, we’ve come so far in the way that sophisticated computer languages can interpret commands that we can now use them to create stunning illustrations — like the ones developer Diana A. Smith creates.

Aja Romano (Vox.com)

Diana Smith's pieces are extremely detailed, and while other CSS artists strive for that sort of "skeumophic" realism with their pieces (Check out Kass Sanch's Polaroid Camera for example), most CSS artists produce more minimalist works like this sketch by Vangel Tzo or this sketch by Marjo Sobrecaray. CSS Art is most often cute and cartoonish, like this CSS cartoon taco by Victoria Bergquist or these couple of kitties by JustYourAverageOnion.

I've put together a gallery of some of my favorite CSS Art pieces for inspiration. Click on the image below to explore the full collection.

css art gallery