A Fluid & Responsive WordPress Theme (in the making)

This website is a live experiment on building a mobile-first, fluid & responsive WordPress Theme. Resize your browser window (larger or smaller) to demonstrate how this website can adapt to any device, be it mobile, tablet or desktop. I'd love to hear your thoughts and suggestions.

  • iPhone, Portrait and Landscape
    (shown from iOS Simulator)

  • iPad, Portrait and Landscape
    (shown from iOS Simulator)

CodeKit

Link

CodeKit automatically compiles Less, Sass, Stylus & CoffeeScript files. It effortlessly combines, minifies and error-checks Javascript. It even optimizes images, auto-reloads your browser and lets you use the same files across many projects.

WordPress Post Formats Admin UI

Link

Great implementation of a Post Formats Admin UI that Alex King and his team are working on. I’ll be looking to adopt this for post format support in this website’s theme.

How to fix Typekit fonts that don’t appear when compiling CSS with LESS

Recently I hit a roadblock while trying to load Typekit fonts onto a website. No matter I tried, the fonts wouldn’t appear and replace the headings I wanted them to. I’m using LESS to write the CSS and compile it using LESS.app on OS X. Usually the following would have worked: h2 { font-family: gooddog-new-1, gooddog-new-2; } However, [...]

Golden Grid System

Link

A folding grid for responsive design by Joni Korpi. It’s helped me immensely so far, thanks Joni!

A Responsive WordPress Theme Experiment

Ever since reading Ethan Marcotte’s book on Responsive Web Design, I’ve wanted to build a website that could adapt to any device it’s being viewed on. With an ever growing interest in WordPress, I decided to replace my ageing website with the WordPress theme you currently see. I’ll be updating it as I go, so subscribe [...]