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: React explained in 5 visual metaphors, accessible color contrast checker, a critique of the Lean UX Book, user interview follow-up questions,Android vs iOS design, understanding React, JS frameworks performance Cost, JS scope explained, heading levels in React, free 404 illustrations, an icebreakers generator, SVG favicons tricks, CSS level 5 media queries, CSS patterns you can re-use, etc.
“Drawing the Invisible, React explained in 5 visual metaphors“, an amazing talk at #womenofreact2020 by Maggie Appleton, in case you were wondering why everyone is talking about React and potato plant this week. Maggie has a way to explain with visual metaphors complex concepts which is really amazing, I highly recommend you watch this even if you don’t write JS. I don’t and understood the whole talk 🙂
Following a discussion on the accessibility channel of #womenofreact2020 about “is it possible to change Hn level based on component content”, here is a great article by @heydonworks: “Managing Heading Levels In Design Systems”
New media queries you need to know from the media queries level 5 spec: light-level, inverted-colors, prefers-color-scheme, prefers-contrast, prefers-reduced-motion, prefers-reduced-transparency, and prefers-reduced-data.
#Lean #UX #Podcast
“The “Lean UX” Book is Neither Lean Nor UX“, another podcast by Debbie from DeltaCX you should listen to. It’s really refreshing to hear people like her encourage, you to think critically and express flaws in “established” models, especially when those models, trends or techniques can hurt our profession. I admit that I tend to just “not share” content when I disagree or think it’s crap, so I admire people who take the time to express different points of view, especially when it’s that well articulated
A11ycasts with Rob Dodson, some small youtube videos about accessibility
Another nice color contrast checker online tool: enter 2 colors but also font-size /weight gives and you get 2 alternatives if your color combination is not AA/AAA compliant. Guess who slightly changed her purple yesterday on her site?
Illustrated.dev explains web development & technology topics. With a little bit of anthropology mixed in, a really nice project by @Mappletons