Decorative CSS Gallery – Part 2 72

Decorative CSS Gallery – Part 2

Long ago I wrote a tutorial on how to make decorative image galleries using an extra <span> 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 :before element is one of the commonly under used elements, but it is quite useful for adding additional elements or content. Learn it now and start using it.

View DemoDecorative Gallery

60 Beautiful & Creative Embossed Business Cards 100

60 Beautiful & Creative Embossed Business Cards

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 such as letterpress, spot UV and die cut. If you are considering to make an embossed card, be sure check this post for inspiration.

Two Free SCREENS Conference Tickets 82

Two Free SCREENS Conference Tickets

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.

Update: The contest is closed and the winners are: Kevin Sato and Caroline McGregor.

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.