Pixels of the Week – September 9, 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.
This week’s selection: examples of good UX, animations and UX, conversational semantics, design with difficult data, dataviz best practice, CSS shapes, inclusive design conference, designing UI with color blind users in mind, notifications for apps, CSS and OpenType, smart products and gradient inspiration.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
“The ultimate guide to proper use of animation in UX” a long and totally worth reading article with illustrations to help you understand animations in Interfaces and especially how and when to use different easing, amazing work
- 10 Examples of Really Good UX that Help Teams Learn About Users
- Smarter Dumb Products – tldnr: cats at evil and make your smart product fail ? ok, seriously, great read on smart objects and how they are prone to fail
- Conversational Semantics, We can—and should—use HTML and ARIA to make our content structured, sensible, and most importantly, meaningful.
- Take A New Look At CSS Shapes — great read by Rachel Andrew
- CSS Shape Editors, in Firefox and Chrome. CSS shapes is one of this fub features I wish I had more time to play with, you can get really creative with that one 🙂
- For typography and CSS lovers: The Complete CSS Demo for OpenType Features
Design with Difficult Data, great read on anticipating real data in your designs
Super detailed read with great examples – Designing UI with Color Blind Users in Mind
Designing notifications for apps – Explore different notification models and when to use which
Save the date… Inclusive design 24 returns on 11 October 2018! A free 24-hour online event for the global community celebrating inclusive design featuring
Inspiration, fun demos and Great ideas
- Awwww ??The Dogs of CodePen
- CSS Background Patterns, whooo I like when the fun kids do out of the box thinking with CSS
This Colorful New Font Is Made Entirely of Brand Logos – I like those kind of fun ideas
Oh Mamma, I’m in love with Gradient – The secret knowledge of how to use gradients in design.
The new Smashing Book 6 – New Frontiers in Webdesign is out soon and you should totally check it out!!
Useful tools and plugins that will make your life easy
From Data to Viz leads you to the most appropriate graph for your data. It links to the code to build it and lists common caveats you should avoid
Archetype, an online tool to help you handle typography and vertical rythm, then export it in CSS or for Sketch (supports Google Fonts)