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.

Find conversations: bloglines | technorati

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

  1. What does the theme look like?

    Comment by Susan — July 2, 2008 #

  2. [...] 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 #

  3. I had similar fun some time ago :)

    Sancta Simplicitas WP theme

    Comment by Stoyan — July 2, 2008 #

  4. [...] 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 #

  5. 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 #

  6. [...] 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 #

  7. Alternatively there are two links in the last paragraph that explain that they use the same theme :)

    Comment by Chris Heilmann — July 3, 2008 #

  8. Your stylesheet references images/arrow.png but there is no images directory in your zip file.

    Comment by Downloader — August 19, 2008 #

Leave a comment

Note: Comments are moderated for first-timers. Spam deleted.

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Hosted by Yahoo!

Copyright © 2006-2009 Yahoo! Inc. All rights reserved. Privacy Policy - Terms of Service

Powered by WordPress on Yahoo! Web Hosting.