Pixels of the Week – October 27, 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: UX and perceived performance, common misconceptions about the UX, typography, UX metrics, resume tips, skeleton screens, material design, JavaScript for dinosaurs, CSS box shadow and drop shadow, nice CSS demos with tint and overlay, illustrator tutorial, dev tools, front-end checklists.
You can follow me on twitter to get a dose of links every days.
I Wrote something
#UX #Performance Cheating The UX When There Is Nothing More To Optimize, my talk on perceived performance at Smashing Conference
TL;DNR the one you should not miss
#UX
Hey, can you ‘do the UX’ for us?, excellent article on common misconceptions about the UX
Interesting article
#Typography
Your Guide for When to Use Despised Fonts, the second round is as hilarious as the first one 😀
#Great Advice
Confessions Of An Impostor, great article by @mishunov with actionable advice for once 🙂
#UX #UI
- UX Maturity Model: A tool to improve collaboration with the UX team
- 5 Myths about UX metrics – mostly about costs and the time it takes
- How to Use Topic Maps to Run Generative User Interviews – a really interesting method
- Great tips for student and anybody designing their resume: How to make your resume as user-centred as you are
#Performance perception
- A Bone to Pick with Skeleton Screen, some interesting tests and data
- If you enjoy perceived performance, Material Design has an interesting solution for progressive image loading
#Front-end
- Modern JavaScript Explained For Dinosaurs
- A goodbye to Firebug. Kind of sad since it was one of the first tool I used when I started coding, so thank you ?
#CSS
- Breaking down CSS Box Shadow vs. Drop Shadow (the CSS filter)
- Did you know? It’s been 21 years since the first CSS grid layout model was proposed.
#Illustration
How I became an Illustrator by discovering a new dimension – nice tips for people who suck at 3D like me 🙂
Inspiration and Great ideas
#CSS
- Duotone images are so trendy right now, a nice CSS demo
- CSS Tinted Background Overlay, so many cool things you can do directly in the browser
#Design
- Haan love this studio, the site design and what they do
Tutorials
#Illustrator
- llustrator quick tip I wish I knew sooner: how to draw a trapezoid
Useful resources, tools and plugins that will make your life easy
#Front-end
- DevTools Tips for Progressive Web, a lot of really useful little consol tricks here Apps
- frontendchecklist.com, because we all have a lot to think about all day long, checklists like that help a lot