Some custom CSS to pimp your WordPress blog

Recently I’ve been taking advantage of the WordPress.com custom design upgrade to pimp my theme, so I thought I would share some of the CSS I have written. Twenty Eleven is the second most popular theme in the WP.com directory, so why not make yours stand out too?

I’m a big fan of Twenty Eleven, however it is starting to show its age. It’s funny how these designs date so quickly. Twenty Ten looked positively cutting edge compared to Kubrick (which was itself a very modern theme back in 2006!). I have been tempted to update to the newer Twenty Twelve, but feel that I have invested too much time and effort into getting the look and feel of my blog just right. Instead I’m pulling some of the future back into the past.

Got custom? Get stylin’ →

Sexy CSS3 infographics: I propose a revolution!

There have been two separate trends on the web in recent months and years:

  1. Infographics are everywhere, typically in the form of long JPEGs. These are often criticised as being poor examples of information design (or just poor examples of design), but they still seem popular.
  2. Creating snazzy effects with CSS3 and HTML5. Increasing support for dropshadows, rounded corners, gradients, real fonts, rotation and all other kinds of nice visual enhancements, has resulted in masses of experimental designs. It’s even possible to create many types of fantastic (and terrible) charts and graphs, as well as icons and illustrations.

So CSS3 and infographics are a natural fit. They could be interactive, animated, hyperlinked, semantic and searchable. Besides, making big dumb JPEGs for the web just seems like a retrograde step. Why not put that effort into making a really nice page?

(How the Internet works / “Infographic”)

Continue reading