Re @tapasadhikary started with an app to help his daughter learn math, and ended up with a CSS shape generator!
https://css-tricks.com/the-story-behind-tryshape-a-showcase-for-the-css-clip-path-property/
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment.
https://css-tricks.com/can-we-have-custom-media-queries-please/
Turns out SMIL has a JavaScript API, so it's possible to kick off an animation on demand while also respecting `prefers-reduced-motion`.
https://css-tricks.com/fire-svg-animations-smil-when-the-svg-is-visible/
Firefox’s `bolder` Default is a Problem for Variable Fonts
https://css-tricks.com/firefoxs-bolder-default-is-a-problem-for-variable-fonts/
SVG syntax is so ripe for these "generator" design tools.
https://wickedbackgrounds.com/backgrounds.html
Early Days for CSS Scoping
https://css-tricks.com/early-days-for-css-scoping/
AWS Lambdas: Easy, Easier, Easiest
https://css-tricks.com/aws-lambdas-easy-easier-easiest/
Re @storykaboom on extending web components to native elements.
https://css-tricks.com/supercharging-built-in-elements-with-web-components-is-easier-than-you-think/
I might be extra qualified to verify this claim, as I work directly with Rachel.
https://css-tricks.com/i-completely-ignored-the-front-end-development-scene-for-6-months-it-was-fine/
Even though we've got a pretty good solution cooking now (for WordPress), the templates aren't controlled with HTML/CSS like I wish they were.
https://css-tricks.com/if-i-work-really-hard-on-my-open-graph-images-people-will-share-my-blog-posts/
Accessing your @Fauna data with Netlify Functions and React
https://css-tricks.com/accessing-data-netlify-functions-react/
My own ah-ha moment was when I realized every page element is a box that can be sized, positioned, etc.
https://css-tricks.com/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/
RT Una Kravets 👩🏻💻
Responsive card > Responsive button > Responsive icon
Container queries are the future y'all.
SO dope to work with.
Demo requires Canary + Container Queries flag
Uses:
- Newer `container: inline-size` syntax
- Named containers to query diff parents
https://codepen.io/una/pen/NWgxXGV
RT Nicole Sullivan
Draft spec of CSS Scoping is out. Feedback please!
@Rich_Harris you were also interested in CSS Scoping. Mind taking a look? It’s based partially on @vuejs. We’d also love to hear what @youyuxi and @sarah_edo think too. cc very welcome!
Miriam (The Good Kind): @dfabu @stubbornella Yep, I posted a draft spec last week:
https://drafts.csswg.org/css-scoping-2/
All-things-typography, from a hard-edged monospaced variable font to fonts in the "Twilight Zone" ... and much much more.
https://css-tricks.com/some-typography-links-vii/
"An enabling selector is what I call a selector that does a job without disabling the particular rule."
https://css-tricks.com/you-want-enabling-css-selectors-not-disabling-ones/
How I'm managing application links so they open the app, not the browser.
https://css-tricks.com/application-specific-links/
CSS Pseudo Commas
https://css-tricks.com/css-pseudo-commas/
Can't get enough blobs? @ChallengesCss adds gooey animation effects using the CSS Paint API.
https://css-tricks.com/exploring-the-css-paint-api-blob-animation/
Yessss these are sweet, @ckirknielsen
https://www.reddit.com/r/VaporwaveAesthetics/comments/p2rg1f/made_some_web_developmentthemed_blank_vhs_designs/
