Pixels of the Week – August 25, 2017

Pixels of the Week – August 25, 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: pattern libraries, AMP on e-commerce, content in design, bad typography leading to bad experience, user research, designing for the Arab User, rethinking drag and drop, offline friendly forms, dark patterns, security, some nice Google earth images, two books about animations and accessibility, some CSS Grid tutorials, Illustrator and SVG, Sketch ressources and a nice interface font.

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

TL;DNR the one you should not miss

#Design #Process

Pattern Library Workflow – really interesting read on process

Interesting article

#AMP #Ecommerce

Using Google AMP for e-commerce might not be the best choice currently

#Design #Content

Content or design? Really great article on the importance of content and how to help you create relevant one

#Design #Typography

How bad typography (almost) ruined my holiday – Han same happened to me, 1 vs I on the passeport, wrong esta :/

#UX #Research #Interview

Increasing Your Research Velocity with Visual Data Collection 

#UX #Design

Designing for the Arab User — Basic Arabic UX for Business

#Design #React

Rethinking drag and drop using React


Offline-Friendly Forms > really nice idea

#UX #Darkpattern

Facebook News Feed: Design and “dark UX” are turning us into sleep-deprived internet addicts

#Magazine cover

A Visual History of Trump Magazine Covers (Extended Edition), some of those are fantastic


Post a boarding pass on Facebook, get your account stolen – on social highjacking and online security

Inspiration and Great ideas


You need to be offline to read this, and it’s a cool idea.

#Inspiration #Photos

For beautiful earth photos, check here earthview.withgoogle.com (and here is a script if you want to grab them all in once earthview-scrap)

Webdesign news

#News #Chrome

Chromium Blog: Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB



Animation at Work: Rachel Nabors’ new book on motion design on the web


Accessibility For Everyone, a book on accessibility by Laura Kalbag


#CSS #Grid

Here’s a Super Quick Way to Try out CSS Grid – a few quick exercices to help you understand the syntax 🙂


Loading Experience using JS and CSS


Be Slightly Careful with Sub Elements of Clickable Things: CSS to the rescue 🙂

#SVG #Tips

Saving SVG with Space Around It from Illustrator

#Sketch #Tutorial #Typography

Text System Mastery with Shared Styles – Design + Sketch” a lot of preparation work but worth it I think


A quick beginner’s guide to drawing – really cool tutorial 🙂

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

Sketch for Designrs, a lot of Ressources for this design tool


Product Graveyard: Commemorating the most memorable products that have gone away and finding some alternatives

#Font #OpenSource

Interface font family, a Free open source font for your interfaces

#Tool #Browser

CanvasFlip : Visual Inspector. This cool be a nice too to design in the browser and share quick design fixes

Fun, games, experiments and demos


Full Viewport Z-Index Scroll, that’s a nice little CSS trick

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.