Builder.io
2,053 posts
Builder.io
@builderio
Design to Shipped. Faster.
Joined November 2013
- 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 - 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.
- 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…
00:00 - Introducing the @lovable and Builder.io integration: Turn your Figma designs into working full stack applications in a couple of clicks! 🧵👇
00:00
