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

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

#Mobile

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

#Decision

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

#Process

Why it’s Okay to Reinvent the Wheel

#Process #Design

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

#CSS

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”

#Process

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

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

#Usability

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

#Data

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

#Storage

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

#Process

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

 

Tutorials

#CSS

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

#Clients

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

 

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 *