Note: this is a guest post by Chris Youderian.
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 days of learning, networking and partying, and it will all be taking place from April 21-23. This year's event will feature over 70+ renowned digital creators from around the globe, covering everything from user experience to the awe-inspiring world of Film Holographic VFX. To enter for your chance to win a festival ticket, all you need to do is tweet the name of one of the speakers by Apr 5, 2013 with hashtag #designtechcon to enter.
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.
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 appearance of your design on mobile devices.