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: inclusive and accessible SVG checkboxes, UCD vs empathy, what it’s really like to be a designer, Journey mapping, racial biases in machine learning, avoiding spammy notifications, CSS grid and Flexbox for components, cool canvas demo, scroll position technologies, accessibility, dark mode tutorial, a guide to all the media queries (not just the ones for responsive), the history of Cooper Black, SVG portfolio, illustrations inspirations, a nice GSAP “apps have feelings” demo, Bootstrap 5, hybrid form elements, etc.
Approaches to Journey Mapping. Before beginning any journey-mapping initiative, teams must decide between (1) a current-state or future-state map, and (2) an assumption-first or research-first approach. A hybrid approach for each decision works well for most teams.
“Nobody told me UX would be like this” Chris Kiess talks about preparing for rejection, the need to iterate, good designs dying in bad cultures, learning to sort ideas, the ability to sell a concept, UX being UI in lots of places,…
” An Overview of Scroll Technologies ” position sticky, CSS parallax, CSS scroll snap points, Smooth scrolling and different technologies for scroll behaviors (like intersection Observer), it’s all about the scroll 😀
The complete guide to CSS media queries: it’s not only about size, there’s a lot of other media queries you can (will be able to) use: prefers-color-scheme, prefers-reduced-motion, resolution, pixel-ratio, pointer, hover, contrast, light level, etc.
“Why this font is everywhere“, the history of Cooper Black in a small 10 minutes video. I LOVE that font but hated it when a client wanted to use it on call to action because making call to actions work on mobile with this one, nope!
Cassie has a cute playful portfolio full of whimsical small little animations
“Supporting Dark Mode in Your Website” a cool guide by Jecelyn Yeen (@jecelynyeen ) to help you build and test that dark mode you’ve always dreamed of for your website 😀 Jecelyn makes it look so easy that I think I want one as well now