Last month I had the opportunity to speak at Frontend 2010 (hosted by IXD) in Oslo, Norway. My topic was about beautiful design. I talked about how you can make beautiful websites by putting the extra detail in it. As promised, here is the slide and brief recap about my presentation. I apologize for the delay. You may also download the slide at SlideShare.
After the success of the first bundle, Bundle Hunt is back with even more treasures. For those who don’t know about Bundle Hunt, it is a collection of products for designers and developers sold at a discounted price. I’m happy that 3 of Themify’s themes are included in this bundle. I have 3 copies of the Bundle Hunt to giveaway for webdesignerwall readers. To enter this contest, simply enter a comment in this post before October 15, 2010.
Update: the winners are 4, 74, and 148.
Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? A grid is supposed to help you in design, not to limit your creativity. The 978 grid, that I mentioned before, is not just about increasing the page width, but to loosen the gutter space so users can read it more comfortably. Today, I would like to write a follow up post to further ellaborate on some of the points I brought up initially.
For several years now the 960px grid system (960.gs) has been designers’ favorite pick to help structure and design web layouts. As screens and resolutions have gotten bigger, I’ve found that the 960 grid system does not always fit my needs. 20px gutters and only a 940px content area is a bit too small for the modern web. While designing Themify, I found a new grid layout that works quite well for designing in this day and age. If you’ve never heard of 960 I’ve detailed both it and this newer gird system below.
Follow up post: The Simpler Grid
First, I would like to thank everybody for reading Web Designer Wall and following me (@nickla) on Twitter. Today, I have iPhone stickers to give out to my followers only. I will be giving out 20 iPhone stickers (sponsored by Sticker Mule) with my illustration printed on it . All you have to do is tweet a message to me. For example: "@nickla, I like the Koi or Peacock or Phoenix sticker. #wdw_stickers". Winners will be selected randomly on Aug 27, 2010 and contacted by Twitter’s Direct Message.
Flashloaded offers Flash components that help you to build cool Flash stuffs without having to code any Actionscript. The components are very easy to use and customize. Just drop the component on the stage, customize it via the parameter palette, and you are all set. In this contest, Flashloaded will be giving out 5 components. To participate, enter a comment along with the component that you like before Aug 27, 2010.
Update: the winners are 5, 43, 47, 57, 82, and 105
CSS2 allows you to specify stylesheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets. For example, you can have one stylesheet for large displays and a different stylesheet specifically for mobile devices. It is quite powerful because it allows you to tailor to different resolutions and devices without changing the content. Continue on this post to read the tutorial and see some websites that make good use of media queries.