Postcards Giveaway With MOO 195

Postcards Giveaway With MOO

I am delighted to work alongside MOO in offering a 20 postcard giveaway for 10 readers. The winners can upload their own design to redeem the postcards (shipping is included). Also, one lucky winner will win $50 in print credit to use at MOO. If you've not come across MOO before, they just love to print - whether it's business cards, postcards, labels, stickers, MiniCards, greeting cards and much more!

iPhone Safari Viewport Scaling Bug 100

iPhone Safari Viewport Scaling Bug

Those who create responsive design for iPhone may be aware of the viewport scaling bug in iPhone Safari. The bug occurs when you set the viewport width to device-width and rotate the phone to landscape view. To see this in action, view the bug demo page with your iPhone and rotate the phone from portrait to landscape view (you should see the page being scaled up). This is a known bug for a long time. Today I'm going to share some tips on how to fix this bug.

Best Web Gallery Revamped 81

Best Web Gallery Revamped

Finding inspiration has always been part of my work and life. I created Best Web Gallery back in 2006 as my personal bookmark tool where I featured the best design on the web. I've featured more than 1700+ sites in the past years. Today I'm happy to announce the redesign. The new design gives the site a huge facelift and more functional.

Creating Reusable & Versatile Background Patterns 87

Creating Reusable & Versatile Background Patterns

I haven't written any Photoshop tutorials for a while. Today I'm going to share a simple tutorial on how to create reusable background patterns with Photoshop and CSS. I learned this trick from designing WordPress themes. The trick is to create one reusable transparent PNG background and use CSS background-color property to create various color skins. It is particularly useful for creating customizable and dynamic templates (see demos).

Frontend 2011 Conference Ticket Giveaway 107

Frontend 2011 Conference Ticket Giveaway

The Frontend conference I spoke at last year is hosting again this year in Oslo, Norway between October 10-12thFrontend 2011 (@frontend_conf). Unfortunately, I won't be attending this year. However, I have a free conference pass to giveaway. To enter the contest, all you have to do is write a comment about your thoughts on the event in this blog post. The contest ends on August 19th, 2011. Then a random winner will be drawn from the comment list.

@font-face Solutions & Suggestions 100

@font-face Solutions & Suggestions

In the last post I talked about the design aspect of using CSS3 @font-face, today I would like to extend this topic to the technical side on implementing custom web fonts. So what are the options for implementing web fonts? I'm going to review the three main methods of incorporating @font-face and explain the pros and cons of each method.

CSS3 @font-face Design Guide 100

CSS3 @font-face Design Guide

Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn't, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr.

FALL LOVE: 20% FALLSALE coupon code & 40% affiliate commission boost at Themify (details)