Pixels of the Week – January 5, 2018
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.
First, let me wish you all a happy new year 🙂
This week’s selection: Photoshop and Illustrator tutorials, Net Promoter Score considerations, innovative UX, Adobe icons design, mobile competitive analysis, performance checklist, skip-ink underlines improves accessibility for dyslexic users, CSS range input styling and free fonts.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Design
Photoshop for designers who don’t use Photoshop. A series of video tutorials aimed for UI/UX designers that use other screen design tools (like Sketch, Figma, XD, Framer, or Studio) but still need to do some image retouching here and there.
Interesting article
#UX / UI
- Net Promoter Score Considered Harmful (and What UX Professionals Can Do About It), by Jared M. Spool
- MeasuringU: Changing the Net Promoter Scale: How Much Does It Matter?
- “username or password incorrect” is bullshit, hum interesting rant but since most sites literally use your username in your profile URL, hum?
- The 12 Most Innovative UX Experiments Of The Year, the playful color palette is soo fun
#Design
- Redesigning Adobe’s File Type Icon System Language. Really nice article on how a simple change might not be THAT simple
- Designing for Blockchain – What will the much-hyped technology mean for developers, creatives, and UX designers?
#Accessibility
- Screen Reader User Survey 7 Results, some super interesting information
- CSS: How to Remove the Yellow Background Color on Input Fields – Nope, please DON’T remove the yellow background color on inputs, change the color, change the style if it does not work with your site color palette, but don’t remove it. Accessibility and usability browser features are no blasphemy they help users
- Improving text readability for dyslexic users with skip-ink underlines
#Mobile
Standing Out From The Crowd: Improving Your Mobile App With Competitive Analysis
#Conference
“Major Hacker Conference Organizers Accused of Ignoring Harassment, Enabling Abusers”
Those “code of conduct free zones enter at your own risk” smell like “toxic behaviour zones” to me, what an awful image for the community 🙁
#Performance
Front-End Performance Checklist 2018 [PDF, Apple Pages] (and there’s a small link to my slides on cheating the UX inside, will you spot it? :D)
#Star Wars
This is Not Going to Go the Way You Think”: The Last Jedi Is Subversive AF, and I Am Here for It <3
Inspiration, fun demos and Great ideas
#CSS #Illustration
The woman of Star Wars in a single div
Webdesign news
#Front-End
Did you know that Can I Use has a News section now
Tutorials
#Illustrator
#CSS
A Sliding Nightmare: Understanding the Range Input. Really details article on browser inconsistencies when trying to style range inputs ?
Useful resources, tools and plugins that will make your life easy
#Typography
Time to update your font library with those 20 free fonts
#Accessibility
accessnow.me, a community-driven service to pin-point accessibility around the world
#Gradient
A nice tool if you need to create step by step gradient palettes (for dataviz for instance)
