🔥 There are 449 Hot Tips!!

Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.

Nifty CSS video masking technique on the iPad website

2.2K39K
76K4.4K3131.3M
2.7K234191.9K221K

Pretty impressive that you can do it without JavaScript with this new CSS API

Heres a quick tutorial on how to code the iPad video scroller mask effect yourself

2.7K234191.9K221K
1.1K20K
7.3K4387284K

CSS can FINALLY animate height: auto!

3.9K116
97624K
5.7K690872.7K320K
2.5K2273843K

I did not expect this question to lead to two fantastic examples of new CSS features:

allow-discrete - transition between things like display:none and block

@‍starting-style - define the initial state before an element is transitioned to

These are so good! will cut out so much JS

1.2K11619963169K
754453220K

Death to the sidebar!

This new Quick Search Text VS Code feature gives you one less reason to open the your sidebar.

1K1162555494K
83629K
842452622K

🔥 3 CSS tips for styling <textarea> you probably didn't know about

1.5K196271.1K111K
73727
74318K

Maaaaan, React 19 is packed with goodies!

Here are 5 new things

The use() API for promises, the new context API, and the <head> tag hoisting are very welcome additions!

1.2K27K
2K1615838K
4.7K107
1.9K27443780178K

Love to see Node kickin' ass like this. Node 22:

→ makes importing ESM into CJS files just work

→ added native file globbing

→ Introduces a task runner

Thank you, Bun?

41243128544K
45912K
63314

CSS "Logical Properties"

margin-block, padding-inline and border-block-end

Are they really that useful if you aren't working on websites in different languages?

Should you just stick with top, bottom, left and right?

2548
259998K
1902597723K
2178.3K

Man this Bun API is so good.

71219K
1.4K473735K
7884418142224K