Articles for Design

Pure CSS Aspect Ratio

You can keep the aspect ratio in CSS/HTML using padding

Favicons

Tool for generating Favicons for all platforms and browers.

Given a chunk of text, assign that text a constant colour

Image drawing example

How to draw a custom image using c# code

Design

Interaction Design Pattern library Describes common patterns of navigation, searching, shopping and more. Gives examples, pros, cons and use cases. Good for showing clients examples of what we mean when we say, for example, "accordian nav". http://www.welie.com/patterns/index.php 10 Useful Usabil...

Email Newsletters

I wouldn’t recommend making it any wider than 595px, any bigger than that and there will be issues across email clients/sites. Emails cannot have background images, as background images don’t appear in a lot of email clients/sites, background colours are OK. Download newsletter_examples.zip for...

Information architecture

Informative and usable footers - What To Include In Footers http://www.smashingmagazine.com/2009/06/17/informative-and-usable-footers-in-web-design/

Browser Template

Add a layer in PSD When designing, it's good to have a picture of a default browser as a layer in the PSD so you can see how wide the design will be, even with scroll bars. Also, you will see what the user will be able to see without scrolling down. IE8, windows vista: 1024-browser-template.psd...