Pixels of the Week – June 10, 2016

Pixels of the Week – June 10, 2016

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 ressources, inspiration on twitter and other social networks.

This week’s selection: designer/developer collaboration, WebGL, User Experience (first time, white space, progressive disclosure, mobile permissions and errors, etc.), a few reads on progressive web apps, 2016 logo and mega menu design trends, Sketch updating its pricing. In the ressources section you will find a tool to compare two fonts, some hover effects, a repository of vanilla JS components, a site to learn typography terms and a nice font.

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

TL;DNR the one you should not miss


Typeterms, if you want to learn the vocabulary of typography

Interesting article


Design With Your Developer, try to include the developers at early stage of the project to help you 3is a really important thing


How WebGL is reinventing Flash’s legacy


Some ideas for evaluating onboarding experiences


Portfolio review in a hurry, a few nice advise


Why White Space Is Crucial To UX Design

#Design #Mobile

Design Patterns: Progressive Disclosure for Mobile Apps


2016 Mobile Adblocking Report, some interesting data


Notifications Are Broken. Here’s How Google Plans To Fix Them: the major problem is that users and developers want two different things from them

#UX #Mobile

Mobile UX Design: The Right Ways to Ask Users for Permissions


Progressive Web Apps and our regressive approach


#Design #Dev

Great read: Collaboration and interdisciplinarity on product development

#UX #A11Y

In Plain Sight: Text, Contrast, and Accessibility (by Shopify’s UX team)


The Ideal Design Workflow, you need to read this to the end, trust me 🙂

#UX #Mobile

Mobile UX Design: User Errors


Progressive web apps – let’s not repeat the errors from the beginning of responsive web design


Some interesting data on push notifications for native apps

Designer news


CSS when / else: a proposal to extend the concept of CSS conditional rules to arbitrary when/else chains


Sketch is updating its pricing policy  (tldnr 99$/year to get one year of updates)

Inspiration and Great ideas


2016 logo design trends, les tendances de design de logo pour 2016

#Trend #Menu

Mega-menu design trends in ecommerce: 2014 vs 2016

#UI #Draw

Awesome: A Universal Interface That You Control By Doodling 😮


Awwwards Websites Deconstructed



You Don’t Need JavaScript for That! (as mentioned at the end, be careful though, most are hardly accessible :/ )


Great read: Design for Programmers


Punch-Out Avatar, this is clever <3

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


frend.co another library of accessible UI components


A tool to compare 2 fonts


Could be useful: The Vanilla Javascript Repository


humantech.theteamw.com a podcast at the intersection of humans, brain science, and technology.


Typography guidelines at BBC



Redisdead, a free Crayolas font made by a friend of mine