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 Themify. It doesn’t require any first or last class and the number of columns can be adjusted base on the viewport. In other words, it can be toggled from 4-column to 3-column or 2-column, etc.

View Demo Responsive Column/Grid

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

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.

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.

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.

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.

«< 5 6 7 8 9 >»