Pixels of the Week – January 29, 2018
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: a microinteractiosn CSS and JS framework, UX design (checkout, saying no, drag and drop, etc.),Gestalt principles for UI design, CSS animations, mobile speed entering Google ranking, webapp responsivement measurement, performance reality check, color and front-end tools
You can follow me on twitter to get a dose of links every days.
I published some projects
I found some time to update a few UI UX and WebDesign work:
TL;DNR the one you should not miss
#Tool #Interactions
Micron.js – a CSS JS library to help you with microinteractions 🙂
Interesting article
#UX / UI
- The Checkout Debate: Multi-Step, One Step or Accordion
- When does good User Experience become evil?
- Handle Bad UX Requests Without Saying No
- UI Practicum #10. Is Full Customization Always the Best Choice? (Three Ways to Handle Reminders)
- Drag and Drop for Design Systems – Defining UX patterns for drag and drop across components
- Gestalt principles in UI design. – How to become a master manipulator of Visual Communication.
#Front-End
5 exciting new HTML and CSS features to look forward to in 2018 Hum I wonder about CSS in body, I fear it will be misused as quick fix for lazy devs and we’ll gave again some maintainability nightmares :/
#Performance
Just because your site isn’t for emerging markets, doesn’t excuse you from web performance optimisation. Reality check: you can’t trust 4G and wifi, nor can you trust devices.
#Design
Illustrating Balanced and Inclusive Teams at Atlassian
Inspiration, fun demos and Great ideas
#CSS
18 top CSS animation examples, whooo
Webdesign news
#Adobe XD
January 2018 Update of Adobe XD: Dropbox, Zeplin support. Wondering if there will be an Invision support on day
#Google #Mobile
” Starting in July 2018, page speed will be a ranking factor for mobile searches” – Google
Tutorials
#Sketch
Some quick plugin and keyboard shortcut tips: “7 Techniques for Better, Faster Layer Management in Sketch”
Useful resources, tools and plugins that will make your life easy
#Color
The Colorbook, popular color palettes on Dribbble
#Front-End
- You’re trying to make sense of all the shiny front-end build tools, too? A quick guide
- Speedometer 2.0, a benchmark tool for web app responsiveness to help browser vendors optimize their browser engines for the modern Web.