Pixels of the Week – December 9, 2016

Pixels of the Week – December 9, 2016

This content is 7 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 resources, inspiration on twitter and other social networks.

This week’s selection: user experience and radio buttons/checkboxes, card UI design, Bauhaus history, design sprint, user testing, CSS and responsive typography, shopping card abandonment, Sketch vs Photoshop on Windows, optimistic UIs and the future of the web. Also some CSS grid layout, an animation tutorial and some progressive web apps with a few CSS and JS demos.

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

TL;DNR the one you should not miss

#Talk #Community

“My character is a young web dev blogger who has the confidence of a mediocre white male upper management”, an amazing talk by Jenn Schiffer on trolling and how aggressive our industry can sometimes be

Interesting article

#UX

We’ve updated the radios and checkboxes on GOV.UK

#Design

“I’m not sure if I like what I did here or not”, Hearing something special from a designer I recently interviewed

#Cards

5 Common Mistakes Designers Make When Using Cards In Design

#Design

Learning in the Bauhaus School: five lessons for today’s designers (and five ways the web still is Bauhaus)

#Design

I’ve run my first design sprint and it’s been awesome: this is what I learned

#UX #User Testing

I Sat Through Hours of User Testing Sessions. Here’s What I Learned.

#CSS

Interesting approach to responsive typography using :root

#Sharing

The Simplest (and Most Performant) Way to Offer Sharing Links for Social Media

#Ecommerce

Proven Tactics to Avoiding Shopping Cart Abandonment

# Sketch #Tool

Three reasons why my (Windows+Adobe) team moved from Adobe to Sketch

#Chatbot

Does Conversation Hurt Or Help The Chatbot UX? Interesting read on the topic of chatbots and when/ how to use them

#UX #UI

Optimistic UIs in under 1000 words (and how to help perceived performance)

#Future

Access and Experience: The Future Web: PWA, physical web and more

#Placeholder

Alternatives to Placeholder Text – The more I read about placeholders, the more I wonder if there’s a legit usecase where they won’t harm users

#Icons

The best icon is a text label

#UI

Intuitive Design vs. Shareable Design, So, hum,Snapchat was designed in a non intuitive way to encourage users to share with other users how to use it?

#Forms

How not to design web forms – A somewhat-snarky look at mistakes web designers often make when building forms, with tips on building forms right.

Webdesign news

#CSS

CSS grid is coming in March 2017!! And any browsers that understand Grid will also understand @supports()

Tutorials

#Animations

Complete guide for making animated perspective design or story that nobody wanted to tell me, how to make a nice animation using Sketch, Flinto, AE

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

#PWA

Progressive Web App Checklist

#UX

Cognitive bias cheat sheet, a really nice cheat sheet

Fun, games, experiments and demos

#Confirmation #Lol

Confirmshaming.tumblr.com when a site asks you to sign up for their thing and then the ‘no thank you’ link is some hot garbage.

#CSS

Cute demo: Christmas Loader

#Audio

Musical procrastination level 100