MightyMeta

February 24, 2012
by James Brocklehurst
14 Comments

Responsive Web Design Sketch Sheets

I’ve made some printable sheets for wireframing for responsive layouts, with corresponding Photoshop templates.

August 23, 2011
by James Brocklehurst
16 Comments

SuperSlicr: Ditch the Slice Tool!

This is an update to the Photoshop action that I created in May 2010 to speed up my Photoshop to Web/Mobile workflow. It allows you to select any combination of layers (which may contain layer styles, vector shapes, text layers … Continue reading →

December 12, 2010
by James Brocklehurst
2 Comments

Web Safe Fonts Cheat Sheet v.3

This is the third major overhaul of the Web Safe Fonts Cheat Sheet, which now includes examples of fonts suitable for the CSS @font-face property, along with revised CSS font stacks, font installation breakdowns by operating system, and some of … Continue reading →

October 25, 2010
by James Brocklehurst
10 Comments

WordPress Twenty Ten Layered PSD

Whilst creating a child theme based on the default WordPress 3 Twenty Ten theme, I found it useful to create a Photoshop version of the themes’ layout as a starting point. You can download it for your own use here.

May 25, 2010
by James Brocklehurst
26 Comments

Web Safe Font Cheat Sheet v.2

Here is the second release of the Web Safe Font Cheat Sheet, which includes updated statistics, better printability and a quick reference for using Google’s new Font API and Directory.

May 4, 2010
by James Brocklehurst
10 Comments

Photoshop Action — Selected Layers to Web Export in One Click

To speed up my Photoshop to HTML workflow, I’ve recorded a Photoshop Action that allows me to select any combination of layers (which may contain layer styles, vector shapes, text layers or smart objects), and instantly turn these into a … Continue reading →

April 11, 2010
by James Brocklehurst
54 Comments

Introducing the Web Safe Font Cheat Sheet

In all the TypeKit and @font-face excitement, boring old web-safe fonts are getting overlooked. This article attempts to persuade you why you should give them a second chance, and provides you with the Web Safe Fonts Cheat Sheet!