Working on New Theme Based on YUI Grids

Apr
18
2007

Now that I've gotten this Wordpress installation straightened out and errors removed, I'm looking at doing a new theme/redesign (yes, starting again). I didn't really like my last attempt and would really like something I can stare at for a while before needing it re-done.

I also would like to finally make my theme standards-compliant. At various times, I've looked at many of the starting points that are out there for CSS-based layouts. Unfortunately, they all pretty much consist of variations on 1, 2 and 3 column layouts.

That causes a problem because what I'm looking to do is much more of a magazine-style grid, especially for a new front page. I want areas for featured posts, recent posts, subscription information, etc. And, when I just shove them into left or right columns like I'm doing now, I'm not really happy with the result. The kinds of grids that the linked article uses are way more complicated than the samples to do with CSS.

While I'm perfectly capable of getting it to work eventually, I'm not interested in spending 5 times as long to build the thing with pure CSS as it would take to hack it together the impure way.

I was lamenting this overall situation to someone a few days ago and they suggested I take a look at the YUI grid CSS setup. I messed with their grid builder a bit and read through the documentation and I definitely think that YUI grids are a really slick way to build those more complicated layouts using CSS. The elements are nestable (one of my biggest pet peeves with most CSS layouts), stackable and otherwise provide most of the necessary controls to build the more complicated grids.

I'm thinking if I can get a grid working that I like, then apply color and design to that grid, I can make future changes to just that color and design bit, to freshen things up instead of starting from scratch the next time. Having it all laied on out on a bare grid would probably work better for working with a designer as well. Lots of the problems the last time I did that came from layouts that just wouldn't work with all of the elements on this site.

It'll still have to wait until next week or later due to how much crap is going on this week, but for the first time in a long time, I'm confident that what I want to see done with this site can be done *easily* with CSS.

 

Comments on this post

Feedback is always welcome. Read some from other folks or leave your own below. Just keep things civil and remember that what you post lives on in public. Forever.

Thanks,
J

5 Responses to “Working on New Theme Based on YUI Grids”

  1. BillyG Says:

    Looking forward to seeing what you come up with.

    You're right about that YUI though, Slocum and folks have been burnin and churnin some great stuff lately; were you one of the 8 of us that saved the http://yuiblog.com/blog/2007/04/09/yui-221-released/ article? :-)

  2. J Wynia Says:

    I didn't bookmark that specific article, but I have been watching Yahoo's API's and toolkit development.

    I'm no designer, but think I'll be able to come up with something competent.

  3. J Wynia Says:

    Oh, and if you actually just want to peek at what I'm tinkering with for this at any given moment, the front page template working HTML is here.

  4. BillyG Says:

    Sweet, tends to open things up a bit, and it rendered immediately, just the way I like it.

  5. DameryWorld Says:

    I see you have come up with this YUI theme but what about your theme admin does it allow the kind of theme changes that you see with sites like CSS Zen garden? I am in the midst of heading that way…I see you have been at this for a while I have just come across this about 2 weeks ago…
    Yeah I am a bit slow, I actually thought I would have better luck with Joomla and then ended up being forced by the numerous errors to Wordpress. It is a work in progress.

Leave Your Own Comment

By submitting a comment, you agree to license it under the terms of the Creative Commons Attribution license.

People who post comments get the added benefit of visiting the site without advertising.

© 2003-2008 J Wynia. All original content is licensed under the terms of the Creative Commons Attribution license unless otherwise noted. Content from other sources is licensed under its original terms.