Pixels of the Week: Web Design links not to miss – July 4, 2014

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. 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.

TL;DNR the one you should not miss

#UX

UX Crash Course: User Pyschology in 31 lessons

Interesting article

#CSS

Fixed Table Layouts  :  all you need to know about table-layout:fixed in CSS

#Multicultur

Cultural contrasts: What happens when hostel guests are asked to place stickers next to their country of origin flags

#Trolling level 100

Graphic Designer Responds to Craigslist Ad by Texting a Series of Boner Logos

#Front-Development

What Every Frontend Developer Should Know About Webpage Rendering

#CSS

Shrink-Wrap HTML containers with content-width (never heard of max-content, have you ?)

#E-commerce

The ultimate guide to designing ecommerce websites

#Autocomplete

8 Design Patterns for Autocomplete Suggestions

Designer Great news

#Fonts

Hum, tempting: 14 Beautifully Creative, Hand Crafted Fonts for $29

Inspiration and Great ideas

#Typography

Looking for typography inspiration ? A showcase of the best typefaces from the Google web fonts directory

#Propaganda Posters

Was Grandma a Diseased Slut? War World 2 propaganda posters

#Illustration

Face/Bird/Letter, beautiful drawing inspiration

#Instagram

Brilliant: Ikea built a website inside Instagram

Tutorials

#Illustration

How to Overprint Colors to Create Cool Print Effects

Useful ressources

#jQuery

A Touch enable jQuery carousel, if you really must : owlcarousel.owlgraphic.com

#Android

Printable A4 Android Wear for sketching by@taylorling

Tools and plugins that will make your life easy

#Photoshop

Photoshopr, a photoshop extension to extract CSS properties from layer properties (work in progress)

#CSS #Preprocessors

Compare (csspre.com/variables) and convert (csspre.com/conversion) CSS preprocessor syntaxes

Fun, games and impressive demos

#Bootstrap

BOOTSTRA.386 a bootstrap theme for old computer nostalgics

And to finish, the little “I’m proud today” : my illustration “Content is like water” appeared in a Google I/O conf 😀