Pixels of the Week: Web Design links not to miss – Septembre 18, 2014

Pixels of the Week: Web Design links not to miss – Septembre 18, 2014

This content is 10 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 we’ll talk about interface animation, user perceptions of progressive JPGs, mistakes to avoid on user onboarding and vertical-align in CSS. Don’t forget to take a look at the tool section, there’s a nice giveaway there 😉

For more links you can also follow me on twitter. Happy reading.

TL;DNR the one you should not miss

#Animation

Make sure you take a look at “Interface Animations“, @markgeyer‘s workshop slides  (& don’t miss the bottom arrow ^^)

Interface Animations

Interesting article

#Picture

Monday headache (the syntax, not the article itself ^^): Built-in Browser Support for Responsive Images

#Accessibility

Making Modal Windows Better For Everyone

#Psychology

Long but really interesting read: “The History of Cognitive Overload

The History of Cognitive Overload

#Performance #UX

Progressive JPEGs: Good? Evil?  Some user studies on the topic

Progressive JPEGs: Good? Evil?

#Onboarding #UX

Are You Making These 5 Common User Onboarding Mistakes? 5 user onboarding errors you might want to try to avoid in your next project

Are You Making These 5 Common User Onboarding Mistakes?

#CSS

All You Need To Know About Vertical-Align and understand why this *** icon won’t align 😉

All You Need To Know About Vertical-Align

Designer Great news

#iOS8

Many new HTML5/CSS3 features working in iOS8 Safari <3

iOS8 va supporter pas mal de nouveautés HTML5/CSS3

Inspiration and Great ideas

#Concept Art

How To Train a Dragon 2 concept art <3 <3 and <3

Des concept arts pour Dragon 2

#Video

If iPhone6 was a movie

If iPhone6 was a movie

#Illustration

Orlincultureshop.com colors, colors and colors <3

Orlincultureshop.com

#Photos

Huhu: Photos of a beloved bull terrier posed in funny, imaginative scenes

Photos of a beloved bull terrier posed in funny, imaginative scenes

Useful ressources

#Video #Accessibility

Nice to see Paypal working on accessibility: Introducing an Accessible HTML5 Video Player

Tools and plugins that will make your life easy

#Giveaway

This week you can try to win 2 pro accounts to the Marvel prototyping tool.

Marvel App: a simple free online prototyping tool

#Photoshop

LayerCraft, a free little Photoshop extension to export UI assets  (a little bit like DevRocket but adds Android)

LayerCraft

#Responsive

An tool to test responsive design in the browser you can install on your server

responsive test

Fun, games and impressive demos

#Bézier

Morning procrastination: The Bézier Game, to learn how to draw Bézier curves

The Bézier Game

And to conclude a little Morning WTF: an animated GIF keyboard

gif keyboard