Believe it or not, the image above was made using only HTML & CSS by developer Diana Smith. It’s coded by hand and built for Chrome — you can check it out here. The source code and accompanying CSS is not as extensive as you might think.

As Andy Baio notes, Smith’s creations render less well in other browsers. Who knew Internet Explorer 8 for Windows 7 was a Cubist master?

You can view several other of Smith’s creations here, here, and here.

See also Tatsuo Horiuchi, the Excel Spreadsheet Artist. (via waxy)

• art
• CSS
• Diana Smith
• web development

Chris Pattle has constructed Simpsons characters completely out of CSS.

We’ve come a long way from #cccccc and <font color=… And it looks like Pattle avoided the Simpson No-Nos.

• Chris Pattle
• CSS
• The Simpsons
• web development

Tim Pietrusky made an HTML/CSS version of the opening text crawl from Star Wars.

• CSS
• HTML
• movies
• Star Wars
• Tim Pietrusky
• web development

Is it real or is it CSS3? Amazingly, the above image was made entirely in HTML and CSS3 by Dylan Hudson. (via ★interesting)

• CSS
• design
• iPhone

Gorgeous CSS3 animation of the solar system. But here’s what it looks like in IE (tee hee).

• CSS
• space
• web development

Roman Cortes took Diego Velázquez’s Las Meninas and applied a pseudo 3-D parallax effect to it using only CSS. Awesome. Now redo The Kid Stays in the Picture entirely in CSS.

• 3-D
• art
• CSS
• Diego Velazquez
• Roman Cortes
• web development

Using CSS to consistently style forms buttons across IE, Firefox, and Safari.

• CSS
• web development

Nasty Nets used CSS positioning to “embed” one YouTube video into another. “Be sure to hit ‘play’ on both YouTubes.” Reminds me of the animated GIF mashups (more).

• CSS
• gif
• remix
• video
• YouTube

New design for A List Apart, the venerable Web design site, done with XHTML/CSS (of course) and Ruby on Rails. (via waxy)

• alistapart
• CSS
• design
• redesign
• rubyonrails
• web design
• web development
• xhtml

Creating styled checkboxes and radio buttons with CSS and JavaScript.

• CSS
• Javascript
• web design
• web development

Giant-Ass Image Viewer. Python script (+JavaScript and CSS) for cutting up and viewing large images, a la Google Maps.

• CSS
• Google
• Google Maps
• Javascript
• python
• Stamen
• web development