The old blog was looking a bit stale, and with the release of WordPress 3.2, we decided it was time for a redesign! This is how we did it.
We wanted to design the blog with modern browsers in mind, using HTML5 and CSS3 from the wonderful HTML5 Boilerplate. It’s a great starting point for any new web design project and highly recommended.
Screens are much larger these days, so we made the blog a bit wider, giving the text more room to breathe. We bumped up the font size and the line-height, ensuring that the text sat on a nice baseline grid for maximum readability.
We decided early on that we would try and showcase a few CSS3 techniques, specifically the box-shadow property. It can be used as a subtle design hint, or enable you to create stunning visual effects – like our blog header, which is pure CSS3, no images at all!
However, CSS3 is not supported by all browsers equally. To get around this, we used CSS3 PIE to allow Internet Explorer to understand all the modern techniques we used.
Overall we are very happy with the new layout, and hope you like it too. Feedback is appreciated, and if you have any questions or comments, just leave us a reply.