Pixels of the Week: Web Design links not to miss – November 14, 2014

Pixels of the Week: Web Design links not to miss – November 14, 2014

This content is 9 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, mobile design, webdesign tools  and useful ressources, inspiration on twitter and other social networks.

This week’s selection: principles of Responsive, user testing at Yelp, responsive images explained, the new Google Agenda, CSS menu inspiration, a JS library to animate SVG paths and a pocket book to help you create SVG, some iOS guidelines, a tool to pair fonts and a little color game to procastinate today.

TL;DNR the one you should not miss

#Responsive Web Design

9 basic principles of responsive web design – A really nice use of animated GIFs to explain how Responsive Webdesign

 9 basic principles of responsive web designInteresting article

#Burger

A Brief History of the Hamburger Icon, remember the old Facebook design?

A Brief History of the Hamburger Icon

#UX

User Testing & Design: 6 Quantitative Insights Into Yelp by @uxpin

User Testing & Design: 6 Quantitative Insights Into Yelp

#Responsive

How They Did It: Shopify – It’s All About the Details, a deeper look into the new Shopify responsive site, some nice ideas and tricks

How They Did It: Shopify - It’s All About the Details

#Responsive Image

Responsive Images in Practice with srcset syntax I really wonder how we’ll implement responsive images  for clients in our CMSs, going to be messy

Responsive Images in Practice

#Internet Explorer

Announcing RemoteIE: Test the latest IE on Windows, Mac OS X, iOS and Android, no more excuse for not testing 🙂

#Calendar

Google Agenda gets a new design and it’s really nice

 Google Agenda

Inspiration and Great ideas

#Chargeur

20 Portable Smartphone Chargers to Keep Your Device Powered

#Spirographe

So many memories: online spirograph

spirographe

#Typography

ABCdicks, yeah sure why not?

ABCdicks

Tutorials

#CSS

If you are looking for off canvas menu transitions: Creative Full Screen CSS3 Menu

Creative Full Screen CSS3 Menu

#SVG

You should read this if you are even remotely interested in SVG: Styling And Animating SVGs With CSS

Useful ressources

#SVG

Pocket Guide to Writing SVG

Pocket Guide to Writing SVG

#iOS

Pretty useful little guide for iOS design

The iOS Design Guidelines

#SVG #Animation

Vivus, a little JavaScript class to make drawing animation with SVGs in a webpage

Vivus

Tools and plugins that will make your life easy

#Font

Typegenius, a tool to help you find fonts combinations

Typegenius

#color

Color Theory Basics, some basics to craft a color palette

Color Theory Basics

Fun, games and impressive demos

#Color

Colorrun.pl morning procrastination game, just click on lighter color

Colorrun.pl