actions-thumb

August 23, 2011
by James Brocklehurst
6 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
15 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 →

icon

January 6, 2011
by James Brocklehurst
8 Comments

Test Your Website Across iOS Devices Using The iPhone Simulator

As the mobile device market expands and looks set to increase exponentially in 2011, it is no longer an option for web developers to test just for the desktop. Testing for Apple’s iOS devices is probably a good start, but obtaining an iPhone, iPhone 4 and iPad just for this purpose is not practical for everyone.

Continue Reading →

Web Safe Fonts Cheat Sheet v3

December 12, 2010
by James Brocklehurst
1 Comment

Web Safe Fonts Cheat Sheet v.3 – With @font-face Fonts and OS Breakdown

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 the new Google Font API fonts.

Continue Reading →