Builder.io (@builderio) / X

Save yourself 8Kb by not using a package for ratings!

33

412

There’s a native API for deep copying objects in JS: structuredClone No more JSON.stringify hacks, no need for lodash or other libs. Magic.

Create native carousels like Nike in a few lines of CSS - touch friendly and buttery smooth! Try it yourself: jsfiddle.net/L1cs6gt5/1/ Learn more about CSS scroll snap: developer.mozilla.org/en-US/docs/Web…

00:00

How to get perfect nested border radius in CSS.

Use CSS Clamp function to ensure that the width of an item is 75% of parent, but greater than 50px and less than 200px.

00:00

CSS pro tip💡 Check for your fonts locally, only download them as a fallback.

When to use Map vs. Object, a reference guide.

Make super satisfying buttons like Duolingo in just a couple lines of CSS 👇

00:00

Still using padding-top to maintain image aspect ratios? aspect-ratio has widespread browser support and lets you fix aspect ratios SO much more intuitively.

You don’t need to use a heavy framework to send form data! Just use the FormData API

Batch events and send them all at once with sendBeacon. sendBeacon guarantees delivery even when the user ends the session, unlike fetch. Super useful for analytics and certain optimistic UI updates (trade-off vs. fetch: no server response).

You don’t need to download a heavy framework for a progress spinner, use the platform!

00:00

You don’t need a framework to use a nice date time modal, just use “datetime-local” input. This is now supported in all modern browsers! caniuse.com/mdn-html_eleme…