👀👋🏼 New Article!
Four new CSS features for smooth entry and exit animations
i.e. animating to and from display: none and to/from the top layer
The new features include:
1. Animate display and content-visibility (Chrome 116+).
2. `transition-behavior: allow-discrete` (117+)
3. `@ starting-style` rule (117+)
4. `overlay` property (117+)
There's also a bonus section on how to create these effects with view transitions 🙂
The #webComponentsCG is currently doing research for its 2023 APIs and Specs Report by looking into the following (alphabetical):
- Cross-root Aria
- Custom Attributes
- Custom Enhancements
- Declarative CSS Modules
- DOM Parts
- Element behaviors
- Form-Associated Custom Elements (as well as making them submit buttons)
- :has-slotted
- Open styling of shadow roots
- Scoped Element Registries
If you're interested in any of these and more, join the convo: https://discord.gg/YmrNQ4rYJz
Remember when a pandemic happened and the government was like, "Oh shit. Freelancers can't claim unemployment benefits. We should fix that." And then freelancers got $600 a week? And then the govt was like, "Emergency over. Freelancers are fine now."
Remember that?
Good times.
How @colepeters built the new ultra cute and interactive Enhance landing page.
#webdev #webstandards #html #css #js
https://begin.com/blog/posts/2023-04-21-building-the-enhance-landing-page
Native JS import maps + package.json + automatic CLI code generation
JSPM is the beginning of next-generation of developer tooling – try it out!
Una Kravets
westbrook
Adam Stoddard
Chris Coyier
Brady Eidson
Scott Santens
Brian LeRoux đź’š
Elliott
brad_frost