Pixels of the Week – December 16, 2016

Pixels of the Week – December 16, 2016

Cet article est également disponible en Français : fr_FR fr_FR

This content is 1 year 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: AMP, Facebook Instant Articles and Apple News, decision process, designing with Sketch and Zeplin, Responsive typography, BEM, CSS shorthand syntax, psychology and user experience, font-icon performances, browser storage and user testing. There are also a few CSS, progressive web apps and accessibility tutorials and a repository for meetup video talks.

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

TL;DNR the one you should not miss


Your Guide to Mobile Publishing Formats: AMP, Facebook Instant Articles, and Apple News. So basically we went from mdot sites to responsive. Then we added crap to those responsive sites and made them unusable and slow. So to avoid slow and bad UX we nicely offer our content to closed platforms instead of building performant user friendly sites on our owns. Sorry, I just don’t get it :/

Interesting article


Before You Know It: How Feeling Confident Triggers Our Decision-Making


Why it’s Okay to Reinvent the Wheel

#Process #Design

“How to Share a Design System in Sketch, Part 1: Cloud Services”


BEM and Maintainable CSS, a CSS method

#CSS #Typography #Responsive

Get the Balance Right: Responsive Display Text. Interesting I wonder if a really big font is still readable on a 24”


10 things to keep in mind working with Sketch & Zeplin. Developers will thank you!

#Psychology #UX

Use this simple psychology rule to improve your customer experience. The peak-end rule: people judge an experience by the most intense point and the end point.


CSS Shorthand Syntax Considered an Anti-Pattern by @csswizardry, some interesting points

#Perfomance Font

Saving the internet 2000 terabytes a day: fixing Font Awesome’s fonts, a few really interesting points in the comments as well


Checkout Usability: Auto-Detect ‘City’ and ‘State’ Inputs Based on the User’s Postal Code (60% of Sites Don’t)

#Design #Sketch

5 things to do before starting your next design file in Sketch, some things can be adapted to other design tools


Log in? Log on? Sign in? Sign on? Design words with data, a few interesting tools and techniques


An Overview of Client-Side Storage, excellent article very well detailed on what type of browser storage you can use

#Snapchat #Design

Snapchat’s Design and the Ephemerality of Modern Life — secret cave, interesting read on why Snapchat’s Design is so strange and unconventional

#User Testing

You’re a strong, beautiful user and you deserve more, on guerilla user testing the IFTTT applications


More work, worse outcome a case when it wasn’t about how much, it was about how little when.

Inspiration and Great ideas

#Web History

Jeremy Keith wrote a book called Resilient Web Design on different approaches to web design that have proven to be resilient




Seven Ways You Can Place Elements Using CSS Grid Layout

#Progressive Web Apps

How cloudfour turned into a Progressive Web App with offline, notifications, etc.

#JS #A11Y

How tabs should work

Useful resources, tools and plugins that will make your life easy

#Talk #Conference

Sessions, an online repository of recorded creative, front-end, back-end talks


Jessica Hische  built a nice tool to help you answer to clients


Are you looking for a UX or UI designer, for a site or mobile application ? Do you want me to give a talk at your conference, or simply want to know more about me ? You can take a look at my portfolio and contact me.

Comments are closed.