Photoshop CS6 = Better UX & Faster Productivity 62

Photoshop CS6 = Better UX & Faster Productivity

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, and save. For example, now you can apply effects on layer group, keep cropped pixels, type styles, and save in background. These simple enhancements result in increase productivity.

Featured on Offscreen Issue #2 60

Featured on Offscreen Issue #2

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 a comment in this post before Jul 27, 2012 to enter the giveaway draw.

Update: The contest is closed and the winners are: Tim, Benedikte, Shen, Hazel, and Mana.

Setting Breakpoints in Responsive Design 96

Setting Breakpoints in Responsive Design

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 going to share my view on setting breakpoints.

Creating a Modern Lightbox with CSS3 and JavaScript 59

Creating a Modern Lightbox with CSS3 and JavaScript

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 on a multitude of different projects.

View Demos

5 Useful CSS Tricks for Responsive Design 124

5 Useful CSS Tricks for Responsive Design

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 are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.

View Demos

Giveaway from PSD2HTML 246

Giveaway from PSD2HTML

If you follow Web Designer Wall, then you have noticed the PSD2HTML banner ad on the sidebar. PSD2HTML is not only my long time supporter, but they are also one of the most recognized vendors in PSD slicing services. Today I'm happy to partner with PSD2HTML to give away PSD to HTML slicing services to you. We are giving away 5 prizes (worth $200 each). To win one of the prizes, leave a comment to this post. The giveaway ends on May 31, 2012.

Update: the contest is closed and the winners are: David, André, Andrew, Donna, and John.