Pixels of the Week – May 27, 2016
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful ressources, inspiration on twitter and other social networks.
This week’s selection: mobile performance, ghost buttons, form autofill, UX choregraphy, design process, death to the “view full site”, product thumbnail optimisation and some hard truths about your users. Some nice visual effects and demos, tools to reduce CSS size and to center in CSS, a really useful Photoshop script to export artboards with layer comps and an accessible pattern library made in Ebay.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#CSS
How to center in CSS, there’s an online generator for that 😮
Interesting article
#Performance
Lazy-loading and lazy-initialization should not interrupt user interaction
#UX #HTML
Autofill: What web devs should know, but don’t
#UX #Animations
The Principles of UX Choreography, a nice read on UI animations
#Psychology
The fresh start effect explained in a sketchplanations
#UX
UX Reality Check: 14 Hard Truths About Users
#E-commerce
Product Thumbnails Should Dynamically Update to Match the Variation Searched For (54% Don’t)
#Process
My process of creating the Arriva web site by @vpieters, really interesting
#UX
#Mobile
‘View Full Site’ Must Die, “View Full Site” is a promise of a better world that can’t be met
#Design
White space, photos, etc. Designing for Content-Heavy Websites
#Mobile
Regressive Web Apps, Jeremy Keith warning about the issues of Progressive Web Apps
#Ecommerce
Rotating Website Carousels: 4 Alternatives That Drive Sales
Tutorials
#Effects
5 Visual Effects Canva Uses to Thrill Users, I love how they deconstruct them
#CSS
Injecting a Line Break (into a h2 without using a <br>)
#3D #CSS
Isometric and 3D Grids une démo de grille isométrique
Useful ressources, tools and plugins that will make your life easy
#CSS
csspurge.com, CSS getting out of control
#A11Y
MIND Patterns – Accessibility Patterns for the Web by Ebay
#iOS #Android
Wow nice: Open Source iOS and Android Controls
#Photoshop
Really useful: Layer Comps To Artboard Files.jsx, a little script that helps you export artboards with layer comps
#Responsive
Interesting Responsive Product Comparison Table technique
Fun, games, experiments and demos
#Forthelol
Guns replaces with selfie sticks hahaa
