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.
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.
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