Pixels & code #17 – 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

• #UI – Web apps deserve sexy transitions too! How we designed and built motion into the new Potluck with Framer and Angular.js
• #Opinion – “Never Heard of It“, on acknowledging that we are not (yet) familiar with certain topics 
• #UX #UI –  Don’t cut corners when coding UI a great read on how to handle “too much content” in many contexts
• #Mobile – Google: avoid ‘download app’ pop-ups or lose mobile search rankings

• #Color – How do you choose the right colors for your designs?
• #Kickoff – Goodkickoffmeetings.com Techniques and exercices for web project kickoff meetings
• #Usecase – A very detailed article on how the new TechCrunch responsive site was built

Inspiration

• #Gif – Thanks to Giphoscope, animated GIF becomes a tangible and exclusive artwork.
• #Typography – “Calendrier 2014 de stupides vacances” a calendar with nice letters and stupid holiday names
• #Illustrations – Rayman Legends Concepts A selection of early Concept Art for the next Rayman Legends game

• #Portfolio – Thomas Danthony a portfolio with some very nice illustrations
• #SVG – Polygon did an amazing SVG animation job for this Xbox one review

• #Typography- Lost, a series of ‘lost’ posters depicting some of the intangibles that people sometimes lose
• #Inspiration  – Linkstoinspire.co.uk webdesign, typography, print and so many more links to inspire you all in one place

Useful ressources

• #Relaxation – Noisli a noice generatore to relate
• #Sticky – StickUp, a jQuery  plugin that “sticks” an element to the top of the browser window while scrolling past it

• #Paper – Pencil Digital – stylus for Paper iPad app
• #Social Network – Social Builder, a  tool to share on social network without all the JavaScript clutter

• #Photoshop plugin – Glifo, a plugin to export Photoshop icons to webfont (only has SVG font)

Fun and impressive demos

• #SVG – Nice and simple : iPhone SVG animation