Using Maps and WeakMaps, a very handy tool - RegExGPT, Qwik v1.0, UX dark pattern study, scoped CSS and fancy animation examples
I never remember using map() when working with DOM nodes, but this use case makes sense to me.
https://www.macarthur.me/posts/maps-for-dom-nodes
https://www.bbss.dev/posts/eventloop/
This is a very nice and interactive page.
https://ui.dev/why-react-renders
I bet you can guess what it does.
https://www.builder.io/blog/qwik-v1
I didn’t know about this Cross-platform native runtime for web apps.
Also, they just announced Capacitor 5.0
https://ionic.io/blog/announcing-capacitor-5
Probably for cross-platform native PWA, this is a good-to-know tool.
This is a plugin for VS Code.
https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors
Gradient Tracing is fantastic.
https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/
Nice discussion about comfortable icon size on mobile devices. Spoiler alert: between 30x30 is good and 48x48 comfortable, but it depends.
Fantastic slides on dark patterns: https://builtformars.com/case-studies/dominos-pizza
The only issue is that I want to order a pizza after digging through the slides! 🙂
So, with the scoped CSS https://keithjgrant.com/posts/2023/04/scoped-css-is-back/
and if we add nested CSS https://developer.chrome.com/articles/css-nesting/
, and of course, functions: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions
Then, to me, CSS feels more like a programming language, right?
Ah, and variables, too! https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
https://www.smashingmagazine.com/2023/04/write-better-css-borrow-ideas-javascript-functions/
Quite a long read, but if nothing else, I find the usage of width: max(x, y) quite interesting.
https://developer.mozilla.org/en-US/docs/Web/CSS/max
https://blog.chromium.org/2023/05/an-update-on-lock-icon.html
This timeline makes me feel so old: https://www.w3.org/comm/assets/graphics/2023-04-30_timeline-1994-2023/2023-04-30_timeline-1994-2023.pdf
Oh, this one is a great resource!
You can check how much of your website’s carbon footprint is based on images.