Pixels of the Week – July 28, 2017

Pixels of the Week – July 28, 2017

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: variable fonts, CSS Grid Layout, Design systems, dark patterns (notifications and booking holidays sites), feedbacks, friction improving UX, empty states, remote user research, visual design for beginners, PWA logo, responsive forms in Sketch, usability tools if you are on a budget, real fake content and a cute little lego loader.

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

TL;DNR the one you should not miss

#CSS #Typography #Fonts

What do Variable Fonts mean for Web Developers? – this is awesome 😉

Interesting article


Why display: contents is not CSS Grid Layout subgrid

#Atomic Design #Podcast

Design Systems and Creativity: Unlikely Allies

#Design #Darkpattern #UX

An interaction designer books a holidays, on darkpatterns and user experience dept


Five ways to receive negative feedback well – 5 tips, might not be easy, but we can try 🙂


4 Ways Friction Can Improve UX

#HTTPS #Security

Life Is About to Get a Whole Lot Harder for Websites Without HTTPS, the principle of being insecure by default


One Illustration, Three SVG outputs (you can also have different outputs in AI depending on export option used 😑)

#Notifications #UX

Are Notifications A Dark Pattern? Really interesting read with a lot of questions we still need to answer


Visual sugar – How designers learned a favorite trick of food industry and why they should stop abusing it

Inspiration and Great ideas

#EmptyStates #Illustration

Empty States? More like You-Have-No-Idea-How-Much-Work-Goes-Into-Those States, amirite?? and if you want to see all the empty states, they are on behance

#Design #Beginners

Improving your visual design skills: Thoughts for beginners (great tips for students and beginners)

Webdesign news


We now have a community-approved Progressive Web Apps logo!


#Responsive #Sketch #Form

How to make responsive Forms in Sketch – symbol all the things

#CSS #Grid

A Collection of Interesting Facts about CSS Grid Layout


4 Usability Testing Tools for Designers on a Budget, a few tools worth bookmarking

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

#Content #Design

Real content for all your designs (in different languages and Json exports)

#UX #Remote #Tools

If you are looking for articles, tools and ressources to help you conduct remote user research : remoteresear.ch

Fun, games, experiments and demos

#Demo #CSS

LEGO Loader 😍

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.