Every week I share a list of curated articles, resources and tools about UX, UI and mobile design, HTML, CSS, the web industry, process inspiration and more…
This week’s selection: designing flexible components beyond breakpoints, 9000+ cool illustrations and icons, a complete guide to usability testing, meaning of 100% in CSS, Figma design systems, a mandala maker, designing for iPad, an online CSS animations builder tool, an amazing talk on systemic systems, user research tips, a figma contrast checker plugin, a podcast on design principles, an online place to shout your frustration, form design, etc.
Also I’ll be talking about how to enhance user experience with CSS animations this week at shiftconf remote. Expect slides, video and transcript soon.
TL;DNR the one you should not miss
An online tool to help you build CSS animations, you can add, remove stops, change different properties like transform, color. I would avoid animating size, spacing and position, those trigger layout when changed, aka performance issues.
Form design – Best practice, research insights and examples
“The complete guide to usability testing” from remote, in person, moderated, unmoderated, guerilla, to how to ask question, how to chose the right tool and how to report on the results, this is a long but quite useful guide.
“Designed for iPad” some interesting advice to help you design interfaces that work with the iPad new constraints: adaptive layout, multiple input mode (including pointer) and multi-window / picture in picture
The “Only-ness Statement“, A small framework by Dan Mall to help frame brand statements: This is the only … that… for… in… who want to… during a time of …
“The State Of Pixel Perfection” haa this article on flexibility but respecting look and feel is a perfect addition to the talk transcript I published on my blog yesterday, why didn’t I read this article before haha?