Pixels & code #9 – 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
- #Agile – 10 Things Designers Need to Stop Doing to Kick Agile’s Ass!
- #Content – Planning for Content Beyond the Web
- #Table – A Complete Guide to the Table Element all you will ever neeed to know about HTML and CSS tables and much more
- #Color – Take the Test: How Well Do You See Color? take the test to see how well you can arrange colors by hue degree (I got 3, yeahy)
- #Web History – A timeline of the history of the World Wide Web to know to whole history of internet
- #Icon #Ux – Optimizing UI icons for faster recognition, the line vs full icons put to the test
Inspiration
- #Web Design – www.qunb.com very nice website with hover effects for data visualization
- #Logos – If Cartoon Characters Were Brand Ambassadors…
- #Illustration Yannick Robert’s portfolio wich beautiful children book illustrations
- #Illustration The creative process, a colorful illustration
- #logo – New Logo and Identity for 2013 Brand New Conference by UnderConsideration
- #Drawing – johnkenn.blogspot.fr Nice and yet a little bit creepy, child neightmare drawn on a post-it notes
- #Cats – Idraw_on_cats an instagram account with pictures of cats on which people draw
Tutorials
- #Form – Forms: validation, styling & semantics HTML and CSS only form design and validation
- #PixelArt – The Easy Way to Create Pixel Art with Object Mosaic
Freebies
- #UX – UX Storytellers – Connecting the Dots a free ebook on user experience
- #Corporate Identity – A free corporate identity mockup
- #Font – Born, a beautiful Humanist Serif freeTypeface
Tools and plugins that will make your life easy
- #Prototype – Marvelapp.com A very fast tool to turn PSD, PNG and JPEG files from your dropbox, interactiv prototypes
Fun and impressive demos
The read you can’t miss
#CSS – Solved by Flexbox a showcase of what flexbox can do (and used to be a pain to do with other CSS properties)