featured-image

April 9, 2012
by James Brocklehurst
0 comments

Font Replacement Using The Background-Size Property

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.

Continue Reading →

actions-thumb

August 23, 2011
by James Brocklehurst
10 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 or smart objects), and automatically crops, merges and then passes them to the the Save for Web and Devices dialogue.

Continue Reading →

icon

August 3, 2011
by James Brocklehurst
18 Comments

CSS Noise

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.

Continue Reading →

Using Photoshop Vector Tools For Interface Elements

June 7, 2011
by James Brocklehurst
4 Comments

Using Photoshop Vector Tools to Create Interface Elements: Part 1

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.

Continue Reading →

CSS Vendor Prefixes

April 1, 2011
by James Brocklehurst
5 Comments

No More Need For Some CSS3 Vendor Prefixes

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.

Continue Reading →