Pelumi

[Addy Osmani @addyosmani]

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

[jack @jack]

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.

[Joe Pompliano @JoePompliano]

This drone video inside Tesla’s new Gigafactory in Berlin is absolutely incredible 🤯

[Una 🇺🇦 @Una]

: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

[GSAP @greensock]

🥳 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

[Vite ⚡ @vite_js]

✨ [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

[React @reactjs]

React 18 is now available on npm!

Here’s an overview of what’s new in React 18, and what it means for the future.

https://t.co/6CAU1Fgznu

[Sisi Olounje @SisiSimifoodies]

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

[Dima Belyaev @blvdmitry]

TIL there is `isolation: isolate` for creating a new z-index context without hacking using other CSS properties 👀

[Jen Simmons @jensimmons]

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

[Laura J Hyatt @LauraJHyatt]

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?

[Una 🇺🇦 @Una]

`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!

[Steve (Builder.io) @Steve8708]

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 🧵:

[Adam Argyle @argyleink]

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

[Wes Bos @wesbos]

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;

[Álex Maese @AlexMaeseJ]

10 mood booster visuals.

1. It's all a matter of perspective.

[DigitalOcean @digitalocean]

🥳 DigitalOcean 🤝 @CSS 💙 https://t.co/yAWp7nhZ0S

[Alex Frison de Isla @AlexFisla]

Going on with Sybille’s portfolio.
Refreshing to be working on those kind of things! 🍋

#portfolio #design #WebDesign #javascript #webgl

[Pranay Pathole @PPathole]

Many people say that Tesla summon is just a gimmick, but as it turns out it is super helpful in practical situations like these. @elonmusk

[Anderson Mancini @Andersonmancini]

Live link: https://t.co/SFAwyJBiZv

This time, I used the power of #threejs and @greensock to make a 3D DNA strand and achieve 3 different levels of detail depending on the GPU model. #creativecoding #webgl #shaders #threejsJourney