MightyMeta

App Book Publishing With Baker and PugPig

James Brocklehurst — Sat, 21 Apr 2012 23:30:37 +0000

Baker and PugPig are open source frameworks for creating app publications from HTML documents. This post examines how they work and makes a comparison of their features. The Future of Mobile Device Publishing? Publishing for mobile is a broad area … Continue reading →

Font Replacement Using The Background-Size Property

James Brocklehurst — Mon, 09 Apr 2012 21:34:43 +0000

The @font-face declaration enables the use of non-web safe fonts within web page designs, but has its limitations. If you can’t use it, but still want to employ a custom typeface, the CSS3 background-size property and @media queries provide a … Continue reading →

Responsive Web Design Sketch Sheets

James Brocklehurst — Fri, 24 Feb 2012 00:06:23 +0000

I’ve made some printable sheets for wireframing for responsive layouts, with corresponding Photoshop templates. Download .zip 1.2MB The Responsive Sketch Sheet Problem There are several well argued articles that champion the browser as the only place where the behaviour of … Continue reading →

Embedding YouTube Within iPhone Apps

James Brocklehurst — Fri, 07 Oct 2011 23:21:54 +0000

Here is a method I recently devised for getting YouTube videos to work in a useable and clean way within iPhone Apps. It assumes a basic familiarity with Xcode 4 and Objective-C. Sample Video “Cycles” by Cyriak Harris Download Source (.zip … Continue reading →

SuperSlicr: Ditch the Slice Tool!

James Brocklehurst — Tue, 23 Aug 2011 11:11:55 +0000

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 →

CSS Noise

James Brocklehurst — Wed, 03 Aug 2011 14:40:03 +0000

This post looks at a way to add a subtle noise effect to HTML elements using CSS. Using this technique is of interest because it doesn’t require use of an image editor, weighs in at just a little over 2K … Continue reading →

Using Photoshop Vector Tools to Create Interface Elements: Part 1

James Brocklehurst — Tue, 07 Jun 2011 16:19:28 +0000

Both Fireworks and Illustrator have a superior feature set but I find myself using Photoshop’s vector tools for almost all interface design tasks. The main reason for this is personal familiarity (I’ve been using PS since version 2.5), but I … Continue reading →

WordPress 3.1 to a Client Friendly CMS in 7 Easy Steps

James Brocklehurst — Wed, 18 May 2011 14:29:50 +0000

In July of 2010 I looked at a quick way to turn a vanilla install of WordPress 3.0 into a easy to use CMS. This post revisits that original article and updates it to make it compatible with changes included … Continue reading →

No More Need For Some CSS3 Vendor Prefixes

James Brocklehurst — Fri, 01 Apr 2011 16:24:43 +0000

Now that Firefox 4 and IE9 have finally arrived and users upgrade their browsers in healthy numbers, applying the latest cutting-edge techniques to real-world sites becomes more of an option. One perk is that the latest versions of all browsers … Continue reading →

CSS3 Animated Vignette Buttons

James Brocklehurst — Tue, 08 Mar 2011 17:35:06 +0000

Here I have another go at tinkering around with background images that fade on hover. This time I’ve used a patterned background and placed vignette-style .pngs over the top which are animated using transition. Demo (Works Best in Firefox 4, … Continue reading →