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.

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!