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

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

#Security

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

Inspiration and Great ideas

#Offline

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

Books

#Animations

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

#Accessibility

Accessibility For Everyone, a book on accessibility by Laura Kalbag

Tutorials

#CSS #Grid

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

#JS #CSS

Loading Experience using JS and CSS

#JS #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

#Drawing

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

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

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

#Product

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

#CSS

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

Looking for a Web or UI designer, for a site or mobile application ? Looking for a logo designer, or simple want to know more about me ? You can take a look at my portfolio and contact me.

Leave a Reply

Your email address will not be published. Required fields are marked *