Future CSS Tip! 🚀

You can create auto-resizing text inputs with one line of CSS 🤯

textarea {
form-sizing: content; 👈 That's it!
}

The size of your input will grow to fit your content. If you want to constrain the size, do something like this:

textarea…

https://t.co/qgKk9gLnn1 is 100% TypeScript

If you're not yet comfortable with TypeScript, this course will get you there

Reminder 📢

If you're animating numbers, use this line of CSS 👇

.numbers {
font-variant: tabular-nums;
}

It will make sure your numbers don't jump around like this example seen in the wild 🤙

After 4 months of hard work! I'm excited to share the first stable release for Radix Vue ! 🎉🎉

Thank you for all the love, and support @vuejs fam! 💚
We are excited to build more primitive components for you! 🚀

I'm putting together a full conf talk on TS features you never knew existed.

I'll be recording it in tiny, beautiful sections and uploading it in full on YouTube & TT.

Here's a clip of me talking about Pick and Omit.

Future CSS Tip! 📜

You can use scroll-driven animations like JavaScript's IntersectionObserver to animate highlights ✏️

mark {
animation-name: highlight;
animation-timeline: view();
}
@​keyframes highlight { to { --light: 1; }}
mark span {
background…

Entangled #fxhash

auto-growing <textarea> without JavaScript!

CSS is getting field-sizing: content; to size inputs by their contents.

Dropped in Chrome Canary today, demo here:

CSS Tip! 👆

You can save yourself some scroll behavior headaches with this CSS one-liner 🤙

.list { scroll-padding-top: var(--buffer, 48px); }

Items with position: sticky can mess up keyboard scroll 🙃 We're using this on the @vercel Universal Search (Watch…

❌ Avoid Provider wrapping hell in React.

✅ Instead combine all your Providers using composition.

CSS Tip 💡

Easily implement sticky table header 🤩👇

Quite a lot of CSS trickery to cover in one video 😅

Here you can see how it plays with multiple cards that have transparency 👇😎

CSS Tip 💡

Easily implement scroll snapping using CSS 🤩👇

The builder pattern might be the most powerful thing allowed by TypeScript.

CSS Tip 💡

Use tabular numbers to show timers ✅