HTML <canvas> & Web Audio are great for music visualizers 🎵. Here's one for a track from my upcoming album: https://t.co/DvgPbSru9V (flashes). Good starter guides: https://t.co/Rw1gJFBiLW https://t.co/gM6zFWAc75
the days of usenet, irc, the web...even email (w PGP)...were amazing. centralizing discovery and identity into corporations really damaged the internet.
I realize I'm partially to blame, and regret it.
:has() + container queries = the component-based logical styling we've always dreamed of 😍
In this demo:
🖼 If the card has an image: make the font smaller & at < 400px wide, stack it
✨ If no image: bigger font, no stacking
https://t.co/UJuXCXUrvV
⚠️ Need flags on in Canary
🥳 It's here! GSAP 3.10
Packed with ScrollTrigger enhancements, and a brand new plugin for Club GreenSock members.
Introducing ScrollSmoother!
📑 https://t.co/NlsrC8eU8I
📺 https://t.co/AuoSoUtpYK
✨ [email protected] is out! https://t.co/iFeTodQEd6
🔥 Faster Cold Start!
🗺️ CSS Sourcemaps during dev
⚙️ Web Workers enhancements
🛠️ New tools for Plugin and Framework authors
🎁 And more! Check out the release notes at https://t.co/H07yYwXe7G
This coming new week!The best thing you could do for yourself 🤭is to buy your food from our kitchen😊and I assure you, you will always want to come back to have more 🤝
Patronize @Simifoodies this week. Send a Dm /Click link on Bio,we deliver anywhere in Lagos
Still excited about Safari 15.4? Well, you might want to sit down for this one.
Safari Technology Preview 142
- Container Queries
- Subgrid
- Flexbox Inspector
- Motion Path
- Overscroll behavior
And that’s just the big news for CSS! Read the full list:
https://t.co/2a4YFqxRe5
I've now interviewed 50 people at AWS, ranging from interns to senior
Here's a thread of advice I have:
⭐️Data data data. Dont say it improved something, tell me in metrics
⭐️Please drive home the results of your project. Its great saying what you did, but what did that achieve?
`accent-color` is now supported in all modern browsers 🎉🎨
One line of code enables you to style previously-hard-to-access form controls like checkboxes and radio buttons
body {
accent-color: hotpink;
}
Works really nicely with the `color-scheme` property too!
Performance tip: make your page load feel more instant by using priority hints to help the browser prioritize the most critical resources
More you can do with priority hints in 🧵:
Find the nearest dialog element (if found) and close it:
```html
<button
onclick="this.closest('dialog')?.close()"
>×</button>
```
No complex wiring required!
`closest()` on MDN https://t.co/V5ezH6NlIw
A round of applause for modern CSS. Having a video element scale proportionately but not be too high, or too wide for the viewport:
aspect-ratio: 16 / 9;
max-height: 90vh;