Pixels of the Week – September 9, 2018 by Stéphanie Walter

This content is 6 years old. Remember that the following content might be outdated.

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

#Animation

“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

Interesting article

#UX

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

#Front-End

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

Design with Difficult Data, great read on anticipating real data in your designs

#Acessibility

Super detailed read with great examples – Designing UI with Color Blind Users in Mind

#Mobile

Designing notifications for apps – Explore different notification models and when to use which

Conference

#Inclusive Design

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

#Dogs #CSS

Awwww ??The Dogs of CodePen
CSS Background Patterns, whooo I like when the fun kids do out of the box thinking with CSS

#Jokes #Devs

Developer job ads

#Branding

This Colorful New Font Is Made Entirely of Brand Logos – I like those kind of fun ideas

#Gradient

Oh Mamma, I’m in love with Gradient – The secret knowledge of how to use gradients in design.

Books

#Smashing

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

#Dataviz

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

#Typography

Archetype, an online tool to help you handle typography and vertical rythm, then export it in CSS or for Sketch (supports Google Fonts)

Pixels of the Week – September 9, 2018