Style Guides & Pattern Libraries

Just a collection of links and useful articles for creating style guides or as they are becoming more well known pattern libraries:

• http://alistapart.com/article/creating-style-guides 
• http://patterns.alistapart.com/  
• http://kaleistyleguide.com/  
• http://guidelines.usability.gov/  
• http://livingstyleguide.org/  
• http://rizzo.lonelyplanet.com/styleguide/ui-components/cards  
• http://www.smashingmagazine.com/2012/09/13/create-pattern-library-with-evernote-fireworks/   
• http://ux.mailchimp.com/patterns  
• http://patternlab.io/ https://developer.yahoo.com/ypatterns/about/  
• http://responsivedesign.is/resources/frameworks/pattern-lab

PSD resources

I stumbled across these quite by accident but it looks like great resource tools for PSD files /  templates / designs
http://www.psdchest.com/
http://freepsdfiles.net/

Adaptive Images

Adaptive Images automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.
http://adaptive-images.com/

Saving PNG files from Photoshop

As you save images out for the web from Photoshop, particularly PNG images, its possible to experience differences in the Hue with what should be exactly the same colour. With different browsers even different file manangers showing the colour (on the same monitor) as different.

Very odd?

Well it's the export command Photoshop...
Details are covered here http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/
In a nutshell what needs to happen is when you are attempting to save the file in Photoshop click the >> advanced features, and make sure that "Convert to sRGB" is UN-TICKED. This stops the applications interpreting the colour differently

Colour Picker tool

Stumbled across this one almost by accident, just the ticket for picking colours off a palette and getting the HEX/RGB values easily.
http://www.colorpicker.com/

Wireframe, PDFs, UI Kits - Smashing Mag.

Wireframing kits and UI design kits can come in handy
Smashing Magazine puts together another great resource list
http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/

Language Typography

Smashing Magazine have done it yet again, just a really really interesting and detailed post about different languages and the typography / art / calligraphy.

The beauty of typography writing systems and calligraphy of the world.

CSS tips and a really hand resource - stylizedweb.com

put simply this is a fantastic resource!
http://stylizedweb.com/

Full of loveliness

Just stumbled across a nice site http://www.queness.com/ full of things like a set of inspiring headers and footers, tips and fixes and useful things.

Another great article about the dark side

Smashing magazine have done it again, I'm just about to embark on a design for a dark background website, and I find a brilliant article about all the points I should consider and great design tips.
http://www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/