A YUI Grids-based WordPress Theme — YUI Autogrid Minimal » Yahoo! User Interface Blog (YUIBlog)

A YUI Grids-based WordPress Theme — YUI Autogrid Minimal

July 2, 2008 at 10:22 am by Christian Heilmann | In Development | 8 Comments

As I had to upgrade my personal blog to the newest WordPress version (and my old theme had been hacked to death), I chose to start from scratch with a WordPress theme.

[You can download the new theme here.]

As I am a lazy person and I think blogging is first and foremost about content and availability, I wanted to re-use as much as possible the good stuff other people have done and then tweak it a bit to fit my needs.

Voilå! YUI autogrid minimal, a WordPress theme based heavily on YUI’s Grids CSS and Base CSS with a few changes to fit the HTML that WordPress creates for you.

To work around the issue of YUI Grids being optimized for a certain resolution, I used the autogrids trick blogged here previously.

This is what this WordPress theme gives you:

clean, simple markup
a grids layout that changes with the available browser space
a fixed right side menu for easy access of the search and pages
an hCard in the footer to download to Outlook or Mail
Nice, easy-to-read typography without any fancy distractions

What it does not give you (as I hadn’t had time to look into these):

Ajax that nobody really needs
the new WordPress enhancements like the dynamic sidebar
pop-up comments (come on, this is 2008!)

You can see a few messier, older versions of this theme at work on my personal blog and on Scripting Enabled, the event I am organising about accessibility hacking later this year.

Share and extend: Bookmark with Yahoo! My Web | Bookmark with del.icio.us | digg it! | reddit!

8 Comments »

RSS feed for comments on this post. TrackBack URI

What does the theme look like?

Comment by Susan — July 2, 2008 #
[...] A YUI Grids-based WordPress Theme — YUI Autogrid Minimal » Yahoo! User Interface Blog Nice basic theme for wordpress using YUI – easily hackable! (tags: wordpress css yui) [...]

Pingback by The Burgeoning Openly Owned Web » links for 2008-07-03 — July 2, 2008 #
I had similar fun some time ago :)

Sancta Simplicitas WP theme

Comment by Stoyan — July 2, 2008 #
[...] A YUI Grids-based WordPress Theme — YUI Autogrid Minimal » Yahoo! User Interface Blog Nice basic theme for wordpress using YUI – easily hackable! (tags: wordpress css yui) [...]

Pingback by andy.edmonds.be › links for 2008-07-03 — July 3, 2008 #
Susan, I have the mini-screenshot of the theme uploaded here. It’s a 2-column with right sidebar. Green, white, and gray.

Comment by Alana Post — July 3, 2008 #
[...] A YUI Grids-based WordPress Theme — YUI Autogrid Minimal » Yahoo! User Interface Blog (tags: grid grids yui wordpress theme yui-css css jump) [...]

Pingback by links for 2008-07-04 at Topper’s Blog — July 3, 2008 #
Alternatively there are two links in the last paragraph that explain that they use the same theme :)

Comment by Chris Heilmann — July 3, 2008 #
Your stylesheet references images/arrow.png but there is no images directory in your zip file.

Comment by Downloader — August 19, 2008 #

Yahoo! User Interface Blog (YUIBlog)