Aug 16, 2011

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 ...

Jul 27, 2011

@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 ...

Jul 14, 2011

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 ...

Jun 13, 2011

Using iPhone GPS Map Without a Data Plan or WIFI Connection

Today I would like to share something that is slightly off topic — how to use iPhone GPS map on the road without a data or WIFI connection. To be ...

May 30, 2011

CSS: Elastic Videos

While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using ...

May 11, 2011

Responsive Design with CSS3 Media Queries

Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small ...

Apr 11, 2011

Animated Scroll to Top

Due to a number of requests, I’m writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple ...

Mar 28, 2011

Cross-Browser HTML5 Placeholder Text

One of the nice enhancement in HTML5 web form is being able to add placeholder text to input fields. Placeholder attribute allows you to display text in a form input ...

Feb 8, 2011

CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical ...