//engtech gets new CSS duds
4 months ago WordPress.com introduced their paid CSS upgrade feature. My first reaction was that I wanted to stay the hell away from it because I know I’d end up endlessly tweaking the site and never producing any content. So instead I focused my efforts into trying to improve the existing WordPress.com themes (and coming up with nifty stuff that is useful to any theme designer). The time I’ve spent debugging themes countered any argument against the CSS time sink.
So ten hours later (cumulative), this is what I came up with. It is my first time using CSS and as you can tell I’ve still got a lot to learn. I’ve been developing my CSS using the preview button — little did I know that it would go live the minute I hit the upgrade button. On the same day I’m on the front of Slashdot and Digg. Oops.
Oh well, life is full of opportunities. It’s up to the user to decide how to interpret them.
Credit where credit is due:
- Colours based on Unsleepable by Ben Gray.
- Font settings from Oreo by Scrivs.
- Silk icons.
- Thanks to Andy for telling me I could move a sidebar widget to the navbar using CSS.
- CSS Tutorial
- CSS Table Border Style Wizard – Amazing!
- Firefox Web Developer extension – Ctrl-Shift-F brings up a CSS highlighter that shows the name of the element your mouse is pointing at.
- XEmacs – because I can’t even get my brackets to match up unless I’m using a syntax highlighter :)
- I really don’t recommend it for people who aren’t familiar with emacs.
Is the font size too big? Need to fix post headers… problem with highlighting. Visited links look wrong in the top bar. Internet Explorer 6 is being dumb with the sidebar on individual post pages. (Am I surprised? No.) Trackbacks have a background colour. I want to improve previous/next posts. “Read more >>” could probably be improved. Indicate which page/category you’re on in the sidebar. Fix navbar hover for the current page. Remove link-style on the headers in the sidebar. Add left margin to the comment entry box. Fix headers on single-post view. Add CSS to the tag cloud page.
- Reduce margin before first post on excerpt pages.
Add section specific feeds to the sidebar when viewing that section. Add CSS for tables. Look at name/email/website boxes on comment form when not logged in. Add icons to entry titles / comments.
- MORE ICONS!
- Reload while not logged in looking for WP.com Adsense.
Let me know in the comments if you can find anything else wrong. Please link to specific pages that show the problem. :)