May 30, 2012
by James Brocklehurst
2 Comments
Moving from designing printed materials to web pages involves taking on board a number of new concepts and leaving some other preconceptions behind. The two disciplines also have a lot in common, since they are both about communicating a series … Continue reading
August 23, 2011
by James Brocklehurst
16 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 … Continue reading
August 3, 2011
by James Brocklehurst
29 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 … Continue reading
June 7, 2011
by James Brocklehurst
5 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 … Continue reading
December 12, 2010
by James Brocklehurst
2 Comments
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
November 6, 2010
by James Brocklehurst
3 Comments
Photoshop has grown from a photo scanning and correction application into a versatile program capable of working with digital imagery in almost any context. It can now import and manipulate video, 3D models, and perform scientific measurements and analyses of … Continue reading
October 25, 2010
by James Brocklehurst
10 Comments
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.
August 5, 2010
by James Brocklehurst
53 Comments
When Firefox 4 is released this October, February? browsers that support the CSS3 transition property will make up approximately 30% of the market (providing current Firefox users upgrade). With this in mind, it now becomes viable to consider CSS as … Continue reading
May 4, 2010
by James Brocklehurst
10 Comments
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 18, 2010
by James Brocklehurst
3 Comments
If you are using PNGs on your site straight from Photoshop, then this post may be of interest to you. The PNG image format offers some unique abilities for web designers, but there are pitfalls concerning compression, colour accuracy and … Continue reading
%7Cutmcsr%3D(direct)%7Cutmcmd%3D(none)%3B%2B__utmv%3D33965262.-%3B)