Pixels & code #29 – Web Design weekly links not to miss

Every week I post a lot of my daily readings about Web, UI and UX Design, HTML and CSS, webdesign tools  and ressources and inspiration on twitter and other social networks. I decided to put them all together in one place at the end of the week, in case you missed some. They are classified in different categories with some tags so that you can quickly select what you are interested in. Happy reading.

Articles to read

#Game
A game to find the right color, with a color blind assist version <3 color.method.ac

#UX #Pattern
“Outdated UX patterns and alternatives” I’m not sure all of them are outdated though

#Android
Exploring Android’s action bar guidelines

#UX
Interesting method: Usability Test on Dropbox Photos

The ROI of User Experience  by with Dr. Susan Weinschenk

#Animation
UI Animation and UX: A Not-So-Secret Friendship

#Native app
How Can HTML Compete with Native? A long but very informative presentation

Inspiration

#Illustration
Lovesoup, Lovely watercolor manga illustrations inspiration

Aformulaonehistory.com an illustrated history of the Formula 1

#Illustration

Beautiful Watercolors bugs <3

#Computer
A tribute to the Restart modale of famous Operating Systems

Freebies

#Icons
Nastyicons.com  some fun nasty little icons

#Mockup
40 Free Mockup Templates to Present Your UI Designs

#Font
SIMPLIFICA, a nice free sans serif font

Tools and plugins that will make your life easy

#Font

Wordmark.it  displays previews of any text with the fonts installed on your computer.

#Photoshop plugin
TinyPNG gets it’s own Photoshop Plugin

Fun and impressive demos

#CSS
Ok, this is crazy and impressive “Making art using ONLY circles in CSS”

#Robot
Fish on Wheels, that’s as cool as a fish can get

You should not miss

#Navigation
Killing Off the Global Navigation: One Trend to Avoid hidding the navigation under an dropdown might not be such a good idea, the article details why and when to use this pattern