Pixel art using style sheets

Published: May 21, 2015

Una Kravets makes pixel art using style sheets:

Pixel art by Una Kravets

What exactly is making those little pixels? If the title didn’t give it away, it’s the CSS3 multiple box shadow property. Each pixel is it’s own, individually placed box shadow. These are strung together via a comma-separated list. You can have as many box-shadows as you want on a div.

[Source: Sass Pixel Art]

Via BoingBoing.

Best CSS Galleries for Web Design Inspiration

Published: March 8, 2011

Posted at CreativeFan by Eric Shafer.

Ten Things About CSS

Published: February 3, 2011

Learn CSS Positioning in Ten Steps

10 Steps to Better CSS

10 Steps To Solving CSS Problems

CSS positioning

Published: November 11, 2009

CSS Positioning @ w3schools

Learn CSS Positioning in Ten Steps

CSS Positioning @ BrainJar

Flexible Layouts with CSS Positioning

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

Integrated Web Design: Position This! CSS Positioning Demystified

Stopping the CSS positioning panic (Part 1)


Custom 404 with jQuery and jQuery UI

Tutorial: From PHP to XML to jQuery and Ajax

Using jQuery and Ajax To Create PHP Sessions

From MySQL to jQuery, via PHP, XML & Ajax