Pixels of the Week – September 22, 2019

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

Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…

This week’s selection: video games inspire great UX, dev jokes, advice for new designers, accessibility, CSS Grid Layout, color palette tool, the hover: media query,  performance, design system,  inconsisten browser behavior with buttons, AI design patterns, email support table, dark theme with CSS variables, etc.

#Now – what I’m up to

It’s autumn, so I changed my hair color (like every year around September). This time it’s dark tulip, orange and yellow, yeah. It doesn’t match the color of this sit anymore but I’m not sure I will update it (the site, not the hair). I’m also preparing my workshop on cognitive biases (in French) we will give at Paris Web with my friend Laurence Vagner in October in Paris. Come and say hi if you are at the event! Last but not least I will take a few days off next week (birthday celebration!!) so there won’t be any links (but I might program something for you)

TL;DNR the one you should not miss

#Video #User Experience

How Video Games Inspire Great UX – a really long but interesting article that for once goes deeper in the details and doesn’t just scratch the surface of gamification

Interesting article

#design #advice

#design #designsystem

The Gradual Design System: How We Built Slack Kit” it’s a long process, but just one component, thoroughly documented, was immediately valuable, and created a virtuous cycle for the system.


Basic Types of Buttons in User Interfaces – some different types of button and some tips to design great buttons


Accessibility 360 : Web and mobile

#CSS #Browser

Inconsistent behavior among browsers when clicking on buttons, interesting observations on different browser behaviors


10 bites of UX wisdom every designer should know

Inspiration, fun experiments and great ideas


puns.dev – The Worst Computer Puns on the Internet

#Code #Learn

Code Line Daily – a line or code a day 🙂


#CSS #DarkTheme

CSS Quickies: CSS Variables – Or how you create a 🌞white/🌑dark theme easily

#CSS Grid

CSS Grid: illustrated introduction


Introducing Hover: progressive enhancement with Interaction media features (the hover: media query)

Useful tools and plugins that will make your life easy

#color #tool

CopyPalette, seamless color palette generation


iconsvg.xyz, a collection of icons you can play with to customise them then download them as SVG.

#Image #Performance

Native Lazyload – a WordPress Plugin to boost your image performance!

#AI #Design patterns

Patterns | Smarter Patterns is an interaction pattern library that provides solutions for common AI challenges

#Email #Support

Can I email… Support tables for HTML and CSS in emails (aka the caniuse for emails)

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.