Pixels of the Week – November 11, 2018

This content is 5 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: accessibility for beginners, accessible color palette tools, ressources to design for colorblind people, inclusive design, UX of notifications, CSS and filters demos, redesign for dark mode, building design systems, CSS HSL colors, CSS grid areas,  futur of information architecture and more.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#Accessibility

The Web Accessibility Introduction I Wish I Had ” a nice introduction to the basics of accessibility

Interesting article

#Accessibility

#UX

  • Don’t @ me – an interesting read on notifications, how they got abused and how to make them better: timing, customisations and more.
  • The future of Information Architecture. A great read on what Information Architecture is and why it’s important and will be even more important for AIs and conversational interfaces

#Design #CSS

Redesigning your product and website for dark mode – also, this will be cool when ambience light media queries will work as well

#Design Systems

Build your design system like the pros, videos by Brad Frost, Dan Mall and Josh Clark to build design systems

#Video Game

Current And Former Employees Sue Riot Games For Gender Discrimination“, report revealed that Riot’s so-called “bro culture” inspires and, in some instances, rewards behavior that disadvantages women.

Inspiration, fun demos and Great ideas

#Filters

CSS Photo Effects & Filters From CodePen – the things you can do in modern browsers is quite amazing

#CSS

Webdesign news

#CSS

The CSS Working Group At TPAC: What’s New In CSS?

Tutorials

#CSS #HSL

On Switching from HEX & RGB to HSL” by SaraSoueidan. I love HSL, like she explains, it makes color variation really easy, I use the L to create variations for hover and active buttons for example (in CSS and Sketch)

#CSS Grid

Simple Named Grid Areas

Useful tools and plugins that will make your life easy

#Color and #Accessibility