homeabout kottke.orgarchives + tags

kottke.org posts about CSS

Cascading Style Simpsons (CSS)

posted by Jason Kottke   Nov 12, 2013

Chris Pattle has constructed Simpsons characters completely out of CSS.

Simpsons CSS

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

Simpsons No Nos

We Work Remotely

Star Wars opening crawl done with HTML/CSS

posted by Jason Kottke   Sep 16, 2013

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

iPhone in CSS3

posted by Jason Kottke   Jun 19, 2012

iPhone CSS3

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

CSS3 solar system

posted by Jason Kottke   Jun 30, 2010

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

3-D effect in CSS

posted by Jason Kottke   Dec 17, 2009

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.

Using CSS to consistently style forms buttons

posted by Jason Kottke   May 17, 2007

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

Nasty Nets used CSS positioning to “embed”

posted by Jason Kottke   Jan 29, 2007

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).

New design for A List Apart, the

posted by Jason Kottke   Aug 23, 2005

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

Creating styled checkboxes and radio buttons with CSS and JavaScript

posted by Jason Kottke   Jul 14, 2005

Creating styled checkboxes and radio buttons with CSS and JavaScript.

Giant-Ass Image Viewer

posted by Jason Kottke   Jun 20, 2005

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