April 22, 2012
by James Brocklehurst
5 Comments
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.
Continue Reading →
April 9, 2012
by James Brocklehurst
0 comments
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 solution.
February 24, 2012
by James Brocklehurst
0 comments
I’ve made some printable sheets for wireframing for responsive layouts, with corresponding Photoshop templates. Continue Reading →
October 8, 2011
by James Brocklehurst
13 Comments
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.
August 23, 2011
by James Brocklehurst
10 Comments
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 or smart objects), and automatically crops, merges and then passes them to the the Save for Web and Devices dialogue.
August 3, 2011
by James Brocklehurst
18 Comments
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 and doesn’t generate any extra HTTP requests.
June 7, 2011
by James Brocklehurst
4 Comments
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 also find there are workflow benefits from having less applications running at once.
May 18, 2011
by James Brocklehurst
22 Comments
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 in the 3.1 release.
April 1, 2011
by James Brocklehurst
5 Comments
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 are beginning to drop need for vendor prefixes on some CSS3 properties. This post gives an overview.
March 8, 2011
by James Brocklehurst
1 Comment
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.
%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D56108786.-%3B)