Pixels & code #4 – Web Design weekly links not to miss by Stéphanie Walter

This content is 11 years old. Remember that the following content might be outdated.

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

[snap url=”http://blog.spoongraphics.co.uk/articles/10-amazing-illustrator-tips-that-changed-how-i-design” alt=”Mobile Design: Where to Get Inspiration” w=”700″ h=”500″]

Illustrator – 10 Amazing Illustrator Tips That Changed How I Design
#Ecommerce #Mobile What do shoppers need to see on mobile product pages? , short answer pretty much the same as on bigger screens
#UX #Design – The Spectrum of Visual User Interface Design
#UI #Notification – Usability of notifications real life example of good and bad designed notifications
#UX #Icons Hollow icons “Why hollow icons are more work for your users and ultimately create cognitive fatigue” is the article that created quite a fuzz. There was a reply from somebody who point out the lack of scienfitic proof of the article : “Hollow icons? A hollow argument.” Luke. W. tried to make some tests on Polar to see which icon is easy to read, but again there’s a lack or “real interface” context on those polls.
#UI – New UI Pattern: Website Loading Bars
#SVG – SVG Fallbacks, different technics to use SVG on your website
#CSS – Semantic CSS With Intelligent Selectors going behond IDs and CSS classes for a cleaner markup
#Web Design – Stop reinventing the scrollbar on horizontal progress indicator and vertical scrollbars
#NSA What if PRISM had his own promotional website getprsm.com
#Responsive Images – WebKit Has Implemented srcset, And It’s A Good Thing

Inspiration

[snap url=”http://www.behance.net/gallery/Bicicletas/10428765″ alt=”Mobile Design: Where to Get Inspiration” w=”700″ h=”500″]

#Mobile – Mobile Design: Where to Get Inspiration
#Fun- Boss Patrol How to never get caught by your boss. Ever 🙂
#Illustration – Bicicletas some nice and colorful bike illustrations
#Animation – ROLLIN` SAFARI – what if animals were round?
#Paper – Papercraft by People Too
#Mobile – Mobile Design: Where to Get Inspiration
#Sound – http://beyondthebeep.tumblr.com/ A look (and listen) at the use of sounds in user experience design
#Print – 24 Clever Print Ads

Tutorials

[snap url=”http://codepen.io/sol0mka/full/Jsyxq” alt=”Jelly navigation” w=”700″ h=”500″]

#Canvas – Introducing Jelly Navigation Menu: When Canvas Meets PaperJS
#JS #HTML – Introduction to animations in HTML

Useful ressources

#Responsive Carousel – OWL Carousel, Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider
#Keyboard #Mobile –Touch Keyboard Types, a very useful cheatsheet to get the right keyboard when needed
#A11Y The Incredible Accessible Modal Window

Freebies

#Freebies – A Collection Of 100+ Subtle Brush Sets

Tools and plugins that will make your life easy

[snap url=”http://www.colorhexa.com/” alt=”ColorHexa” w=”700″ h=”500″]

#Colors – ColorHexa gives information on a color: conversion, shades, alternatives, schemes, color blindeness preview, etc. http://www.colorhexa.com/fff561 <3

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