A good while back I asked about Standard Web Fonts. According to my stats app, it turns out that a lot of other people are also interested in finding out the answer. I was going to put together a detailed post on the subject but after a quick search on Google I found an article that covers everything my post would have.
Quite the statement huh? No, I’m not saying it, but Microsoft essentially are.
According to The Register’s article ‘Microsoft breaks IE8 interoperability promise‘, Microsoft intend on displaying a broken page icon next to all web pages that are standards compliant.
What does this say to your average Joe Blogg user? Standards = wrong. At least that’s the way I see it. And of course some lots of those users will probably want to design their own web sites. Do you think they will design to standards now? I think not!
Enough already with the SXSW blog entries.
I’m sick and tired of hearing about it. Move on, please!
As you can see the new design is live, and to be quite frank, it’s long overdue. Looking at the previous design day-to-day really bugged me, but I had a million other things that kept me from finishing this design. Thankfully I managed to make time to get it done.
As promised, I will discuss:
- How the design came about.
- Articles, tutorials & blog entries that helped me along the way.
- Plugins the site uses to display different content.
How the design came about
The colour scheme was chosen by playing around with colours in Photoshop, but was somewhat influenced by some of the schemes at the Color Schemer Gallery.
For the layout, I wanted to be able to display recent Portfolio work somewhere noticable, so I decided on the top of the sidebar. Because of the various other information I wanted to display, I chose to create an ‘extras’ section above the footer. This resolved the problem of having an extra long sidebar (particularly on blog entries that had little content).
With the decision made to use two columns, a header and two footers (one for ‘extras’), I decided to use the same background colour on the columns, which meant I didn’t have to worry about Equal Height Columns.
There you have it… how the design came about!
Articles, tutorials & blog entries that helped
For the top navigation I had originally planned on using Roger Johansson’s Inverted Sliding Doors Tabs technique, but was unable to get it to look exactly as I wanted. I decided to use Dan Rubin’s Navigation Matrix Reloaded instead, with the help of Veerle Pieters’ The XHTML/CSS template phase of my new blog, part 2 blog entry.
To achieve the calender icon look beside each of the blog entries I made use of Shirley E. Kaiser’s Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly, with some modifications of my own :-)
WordPress Plugins Used
The Previous Blog Entries on the sidebar is powered by the Recent Posts plugin.
The books and music links in the extras section above the footer are powered by the Amazon Media Management Extension plugin.
All source code displayed in blog entries (future blog entries) is converted into ‘sexy looking’ source code using the SyntaxHighlighter plugin.
A final word
Originally the doctype was set to HTML 4.01 Strict, but the design passed the XHTML 1.0 Strict validation test (to my delight), so the doctpye is now XHTML 1.0 Strict. During the launch of the design I threw in an upgrade to WordPress version 2.1.2, just for the heck of it ;-)
If you could only choose one CSS book for your shelf or library, which one would it be and why?
Below is some reference material to help aid in your decision :)
- Spring into HTML and CSS
- Beginning CSS Web Development: From Novice to Professional
- Transcending CSS: The Fine Art of Web Design
- The ZEN of CSS Design: Visual Enlightenment for the Web
- Bulletproof Web Design
- CSS Mastery: Advanced Web Standards Solutions
- Designing with Web Standards
- Web Standards Solutions