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. Continue Reading →
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.
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.
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.
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.
Now that Firefox 4 and IE9 have finally arrived and users upgrade their browsers in healthynumbers, 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.
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.
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.
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.