Pixels of the Week: Web Design links not to miss – Septembre 18, 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. 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 ^^)
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”
#Performance #UX
Progressive JPEGs: Good? Evil? Some user studies on the topic
#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
#CSS
All You Need To Know About Vertical-Align and understand why this *** icon won’t align 😉
Designer Great news
#iOS8
Many new HTML5/CSS3 features working in iOS8 Safari <3
Inspiration and Great ideas
#Concept Art
How To Train a Dragon 2 concept art <3 <3 and <3
#Video
#Illustration
Orlincultureshop.com colors, colors and colors <3
#Photos
Huhu: 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.
#Photoshop
LayerCraft, a free little Photoshop extension to export UI assets (a little bit like DevRocket but adds Android)
#Responsive
An tool to test responsive design in the browser you can install on your server
Fun, games and impressive demos
#Bézier
Morning procrastination: The Bézier Game, to learn how to draw Bézier curves
And to conclude a little Morning WTF: an animated GIF keyboard