Pixels of the Week – November 17, 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: how to do a UX workshops, cards to sell UX, user research in agile teams, progressive image loading using contrast swap effect or SVG low poly images, design and presentation skills, CSS complexity, CSS tutorials and some amazing illustrations and comics.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Perception of Speed
How to use SVG as a Placeholder, and Other Image Loading Techniques, a really interesting technique
Interesting article
#UX / Design
- How to do your workshop right – 11 tips & tricks. I love the idea of a parking lot place where you can put out of topic ideas that will need to be tackled later, could help avoid some frustrations
- How to overcome the “but we don’t have enough time” argument when it comes to doing user research in an agile team
- “The relationship between design deliverables and presentation skills“, I think I’m an introvert faking extrovert presentation skills haha (well at least I hope I’m not too bad at presenting)
#CSS
- Declining Complexity in CSS by Eric Meyer. I too envy the kids who will shout at us “Why would anybody use floats for layout!??” like we shouted at people using tables ^^
#Performance
The Contrast Swap Technique: Improved Image Performance with CSS Filters. Interesting technique on 2Mb images but I wonder about the gain on smaller ones VS the time to edit the images in PS. Or can we do this server side?
Inspiration, fun demos and Great ideas
#Illustration
I discovered the lovely illustration work of jenbartel and I want to order so many things: jenbartel.storenvy.com
#Design
Notchless, wall papers to hide the notch on your iPhone X
#Comics
Chris Spalton’s eelman chronicles, a comic on his father who is the the last remaining Eel Catcher in the deep, dark fens of East Anglia, really fun to read
Tutorials
#CSS
- Smooth corners with CSS Houdini by @iamvdo
- Interesting idea to help team remember about image accessibility
- Text input highlight, TripAdvisor style – really nice and subtle little details
Useful resources, tools and plugins that will make your life easy
#Sketch
Plant – version control app and Sketch plugin for designers
#UX
Some lovely little cards to help you sell #UX to your team: UX Sales Deck: Sell Your Team on the Benefits of Great UX
#Font
I don’t think I need it and not sure I will ever use it, but the demo is so cute and I love the all caps so I want to buy it : B. Hands font
