Pixels of the Week – November 3, 2017
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.
This week’s selection: a guide of everything you could put in <head>, good vs great designers, color management, metaphors, user flow, first time user experience, alt test guide, CSS Houdini demo, 3D poly inspiration, CSS form styling and focus, accessibility tool and some ressources for designer
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Front End
A guide of everything you could put in <head>, from title and CSS to social media and browser specific tags
Interesting article
#Design
- According to this “good designers vs great designers” article, it seems I know many great designers 🙂
- A must read on colours for designers : Colour management and gamut
- How AI will impact your work as a designer – Nope AI will not steal our jobs as designs, they might even make it easier and more enjoyable
- Making up metaphors – a really cool article on using metaphors and a few ressources to help built interfaces
#UX
- The Magic of Flow and Why Dialogs Frustrate People + a few alternatives
- The Web for the Entire World – really interesting talk on mobile, paiement and other user habits around the world
- The Quintessential Guide For Building An Unforgettable First-time User Experience. This is the golden rule: don’t ask for information your product can’t use right away. It means higher friction, adds to frustration, and takes away from the overall experience.
#Conference
“Why I cancelled my ReactiveConf talk” by @peggyrayzis (so to read what happened to her)
#Accessibility
- A must read: Alt-texts: Alt-texts: The Ultimate Guide, a lot of good advice here
#PWA / AMP
Inspiration, demos and Great ideas
#CSS
- CSS Houdini Experiments by @iamvdo
- You shouldn’t remove focus, but you can make it more visually-pleasing for keyboard users.
#3D
Explore and get inspired by the world of 3D with those cool poly demos and more: poly.google.com
Webdesign news
#PWA ##AMP #Google
A quick summary of Chrome Dev Summit 2017 videos – There were few announcements and a lot of PWA evangelism.
Tutorials
#CSS
Advanced CSS-Only Form Styling, a few useful pseudo-classes (not fully supported yet but it will come)
Useful resources, tools and plugins that will make your life easy
#Free Images
How Much Do Free Images Really Cost? Quick reminder on copyrights and creative Commons attribution
#Accessibility
A quick tool to test your site using different color blindness filters.
#UX
The User Centered Design Canvas, interesting #UX tool to build an analysis of the user and the business main
#Design
designerlynx.co, another place to find inspiration, tools and ressources for designers
