Well, today I roll out a new design theme to my site. Now multi-page based, the new design is cleaner, faster and packed with a lot more content.
WordPress
I wanted to run a blog along side my web portfolio, a place to post code experiments, samples, resources and other trickery. For this I chose WordPress as my CMS – making the process of posting content and uploading stuff less tedious. I crafted the theme from scratch with the help of several tools, some of which highlighted below.
Responsive design
There is no doubt that responsive design is the future of web development, I used a few CSS3 Media Query and transitions with the new design to make it adaptive to common screen resolutions. There are 4 break points, 1024px for large screens, 768px for tablet devices, 480 / 478px for smart-phones, and 320px for small resolution mobiles. I’m still tinkering with this feature but in the mean time, resize your browser. See how it works 
?
Tools & Technologies Used
- WordPress as the CMS (SEO is handled by Yoast)
- W3 Total Cache
- museo sans typekit font
- Fancybox image gallery
- respond.js for polyfilling min/max-width CSS3 Media Queries
- sharrre custom share buttons
- disqus commenting system