RT Adam Argyle
🆕 #GUIchallenges 🦇
responsive multi-select UX
Peep the video
Read along
Try the demo
[video alt]
UX preview across MacOS Safari, iOS Safari (iPad and iPhone), Android Chrome, Firefox and desktop Chrome
https://www.youtube.com/watch?v=x0aCdLDZ8BM&list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ
https://web.dev/building-a-multi-select-component/
https://gui-challenges.web.app/multi-select/dist/
A neat take on headless WordPress from @alexstandiford... headless, but only when you need it. Or, "nearly" headless.
https://css-tricks.com/how-to-build-a-nearly-headless-wordpress-website/
RT Lea Verou
[New blog post!] Custom properties with defaults: 3+1 strategies
Where I discuss best practices on setting initial values for your custom properties. Bonus: yet another pure CSS switch, but with a rather extensive CSS API.
https://lea.verou.me/2021/10/custom-properties-with-defaults/
Expandable Sections Within a CSS Grid by @basherkev
https://css-tricks.com/expandable-sections-within-a-css-grid/
RT Rachel Andrew
My slides, resources, and a pile of code examples to go with my talk at An Event Apart today can be found here
https://noti.st/rachelandrew/TImzFL/how-to-understand-css
Personally, I've found inching toward a design system that is more heavily based on Custom Properties feels good — if nothing else to make variations and overrides more sensible to manage.
https://css-tricks.com/different-degrees-of-custom-property-usage/
Perhaps for what we're losing in browser _engine_ diversity, we'll gain in browser _UI/UX_ diversity.
https://css-tricks.com/bonsai-browser/
CSS is Going Gosh-Darned Hog Wild, I Tell Ya What
https://css-tricks.com/css-is-going-gosh-darned-hog-wild-i-tell-ya-what/
position: absolute says: I want this element to be entirely removed from the flow such that it doesn't affect other elements and other elements don't affect it. Sometimes you do, but likely less often than your CSS muscle memory would have you believe.
https://css-tricks.com/less-absolute-positioning-with-modern-css/
The 2021 Jamstack Community Survey results are out and @seldo rounded up the highlights.
https://css-tricks.com/jamstack-developers-favorite-frameworks-of-2021/
Those “Get The App” Banners
https://css-tricks.com/those-get-the-app-banners/
6 KB minified and gzipped. I wonder how much smaller Cash would be if it dropped IE 11 support.
https://css-tricks.com/cash-tiny-jquery-alternative/
Better Collaboration With Pull Requests by @gntr
https://css-tricks.com/better-collaboration-with-pull-requests/
The Case for ‘Developer Experience’
https://css-tricks.com/the-case-for-developer-experience/
I like the pushback from @katiekodes here.
https://css-tricks.com/jekyll-doesnt-do-components-liar/
Building a Tennis Trivia App With Next.js and Netlify by @brenelz
https://css-tricks.com/building-a-tennis-trivia-app-with-next-js-and-netlify/
Comparing Google Analytics and Plausible Numbers
https://css-tricks.com/comparing-google-analytics-and-plausible-numbers/
Writing Your Own Code Rules
https://css-tricks.com/writing-your-own-code-rules/
Blog posts that get into the whole "how to think like a front-end developer" vibe are my favorite.
https://css-tricks.com/developer-decisions-for-building-flexible-components/
A solid overview of Vanilla-Extract by @elliotclydenz.
https://css-tricks.com/css-in-typescript-with-vanilla-extract/
