Pixels of the Week – November 11, 2018

This content is 4 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


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

Interesting article



  • 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


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


Webdesign news


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



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

Sign up for new articles

Don’t miss any new content: get notified directly in your mailbox when I publish a new articles or share new freebies. I won’t share this email, and you can unsubcribe anytime. (Please note that gmail sometimes puts the confirmation in spam.)

Both fields are mandatory