I've got two FITC Toronto 2013 tickets to give away and all you need to do is send one tweet for your chance to win! For those of you who don't know what FITC Toronto is, it is a design and technology conference that brings together some of the world's best digital creators for three [...]

Previously I wrote a tutorial on how to make a mobile navigation for responsive design, now I've discovered a new technique to produce a responsive menu without having to use Javascript. It uses clean and semantic HTML5 markup. The menu can be aligned left, center or right. Unlike the previous tutorial where it is clicked [...]

Typically, to create a column layout, you would need to add the first or last classes to reset the margin space and clear the float. Today I'm going to share a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. I use this trick to code the WordPress themes at [...]

I'm sure you all are using viewport meta tag for responsive design, but did you know that the viewport tag can also be very useful for non-responsive design? If you haven't got the time to convert your design to responsive yet, you should read this article on how to use viewport tag to improve the [...]

Long ago I wrote a tutorial on how to make decorative image galleries using an extra tag. It requires jQuery to append the span tag which isn't quite user friendly. Today I'm going to share a better method without using Javascript. The same result can be achieved by using :before or :after pseudo element. [...]

The previous post on creative business cards was very well recieved. Today we going to share another 60 well designed embossed business cards that stand out of the crowd. Embossing your business card is a great effect to grab your audience's attention, along with printing on different mediums, sizes of card and utilising complimentary techniques [...]

FITC is hosting SCREENS, a two day conference dedicated to development for mobile device and operating systems, this September 27-28 in Toronto. The conference features two full days of presentations covering a ton of topics relevant to iOS, Android, Windows Mobile and BlackBerry development including HTML5, NFC, PhoneGap, jQuery, responsive design and much more. The [...]

I've been using Photoshop CS6 for a while and I have to say that the interface and user experience is a big improvement. Instead of releasing more new tools, Photoshop CS6 put a lot of focus on the basics — the essential tools that we use very often such as crop tool, type, layer group, [...]

I've been using Photoshop CS6 for a while and I have to say that the interface and user experience is a big improvement. Instead of releasing more new tools, Photoshop CS6 put a lot of focus on the basics — the essential tools that we use very often such as crop tool, type, layer group, [...]

I'm honored to announce that I've been featured on Offscreen magazine issue #2. Offscreen launched its first issue in Feburary 2012 and quickly became well recognized in the design community. So I'm proud to be selected in the logbook section (thanks Kai Brach). I have five copies of Offscreen #2 to giveaway. As usually, post [...]

Previously I wrote a tutorial on mobile navigation, today I'm going to share a CSS tutorial on how to make an expandable search form that is suitable for mobile and responsive designs. This trick uses native CSS properties — no Javascript or extra markups required. It is a simple and effective way to design a [...]

Lately, I've been blogging a lot about Responsive Design. I've covered the technical side of media queries, basic implementation, full design tutorial, some CSS tricks, and a list of awesome responsive sites. Today, I want to talk about setting breakpoints in responsive design. How should you set the breakpoints? What is the general guideline? I'm [...]

Today we have a guest post by Andy Walpole sharing his experience from creating the Lightbox Ultra on Mozilla Demo Studio. Several years ago developer Lokesh Dhakar created the familiar Lightbox script with Prototype and script.aculo.us. It's smooth animation and sleek aesthetics were an instant hit in the web design community and it was used [...]

Today we have a guest post by Andy Walpole sharing his experience from creating the Lightbox Ultra on Mozilla Demo Studio. Several years ago developer Lokesh Dhakar created the familiar Lightbox script with Prototype and script.aculo.us. It's smooth animation and sleek aesthetics were an instant hit in the web design community and it was used [...]

Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I'm going to share 5 of my commonly used CSS tricks along with sample cases for coding responsive designs. They [...]