Skeletor is my attempt at streamlining my WordPress template build process. As with many people (I think), I usually started a new theme by duplicating the default WordPress theme (Kubrick) and cleaning out all the stuff I didn’t need.
After a handful of these, I quality realized that I was repeating a lot of steps that were common between every blog. The rough structure of the markup, the common styles I was using, etc. Also, I was beginning to delve deeper into the WordPress Codex, and realized that there were other tags not used in these themes that I could take advantage of. Some of these tags generated markup that I wanted to easily reference in the stylesheet without having to dig around their site.
An important note: I am a huge advocate for standards. I truly believe in separating presentation from content (I wouldn’t have a job if I didn’t), and that semantic HTML is beautiful. That said, a good friend of mine once told me: “There’s nothing worse than semantics for semantics’ sake.” In order to facilitate the clearing of floats, this stylesheet comes equipped with a class that uses “zoom:1″ to trigger Internet Explorer’s “hasLayout.” This also causes it to fail the W3’s validator. Odds are, if you are running ads on your site, or you have a flash movie, your site doesn’t validate anyway. You are free to comment it out and utilize a slightly less semantic approach like div or br class="clr"/ if you’d like.
It features:
- YUI Reset (tags and typography) – This primes the canvas so that you start with the exact same toolset across all the major browsers. Only the styles you choose are visible. This includes list bullets, H tags, the works. I’ve referenced them in the CSS for you to tweak to your hearts desire.
- Unique ID’s and re-usable classes at strategic places – This lets you style a particular page as opposed to the whole site, or detect what section you are in, and have the navigation display accordingly.
Popularity: 3% [?]
