The Semantics of Jamstack by @ mikeneumegen
https://css-tricks.com/the-semantics-of-jamstack/
Not sure if an HTML element can be nested inside of a mother certain HTML element? Here's a site you can reference.
https://css-tricks.com/can-include-a-certain-html-element-within-another-certain-html-element/
New Videos! 🎥
⭐️ How to Use Cloudflare Workers and KV Storage
⭐️ CSS Subgrid (is All About Inheriting Grid Lines)
⭐️ Use Alpha Transparency on Any Color in CSS with a (tiny, Houdini) Paint Worklet
https://www.youtube.com/watch?v=NGk2HxV0Xkg&t=884s
https://www.youtube.com/watch?v=He8l1inguZM&t=2s
https://www.youtube.com/watch?v=wNwWmBBcjtA&t=878s
We’ve got one more look at the CSS Paint API from @ChallengesCss and it’s a good one: rounding shapes
https://css-tricks.com/exploring-the-css-paint-api-rounding-shapes/
What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?
https://css-tricks.com/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools/
How to Create a Contact Form With Next.js and Netlify by @indigitalcolor
https://css-tricks.com/how-to-create-a-contact-form-with-next-js-and-netlify/
Seven links that've been burning a hole in my browser tabs.
https://css-tricks.com/some-typography-links-viii/
Résumé? Portfolio? How about your ow "brag" document? @emily_y_leung has the scoop.
https://css-tricks.com/creating-your-own-bragdoc-with-eleventy/
Re @supports selector()
https://css-tricks.com/supports-selector/
It's interesting to think about a "new" CSS reset, what with all the newer features we've seen in the last few years. Chris "sat" down with @eladsc to discuss his reset strategy.
https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/
Might wanna search the ol' codebase for navigator.userAgent and see what you're doing.
https://css-tricks.com/three-digit-browser-versions-in-march-2022/
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/
