Hélcio Franco
124 posts
Hélcio Franco
@helcio_dev
Building @o2dotapp on @fuel_network
Brazil Bergabung Temmuz 2022
170 Mengikuti48 Pengikut
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Speed up rendering with content-visibility: auto ⚡
This CSS property skips rendering off-screen content until needed, giving massive performance wins on long pages.
⋅ Pairs with contain-intrinsic-size
⋅ Zero-effort lazy rendering
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
English
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Introducing 𝚑𝚒𝚝-𝚊𝚛𝚎𝚊—a collection of @tailwindcss utility classes for expanding the hit area of interactive elements.
Small hit areas are a silent UX killer. One class fixes it.
Distributed via @shadcn registry - see link below.
English
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Hélcio Franco me-retweet
another good example of `tabular-nums` in action. must have for columns of right-aligned numbers (tables, invoices, dashboards).
normal table's columns have ragged left edges as digits swap between narrow ("1") and wide ("0", "8") glyphs.
where tabular stays perfectly flush ~
Soren@sorenblank
`tabular-nums` should be the default for any number that updates ( timers, counters, prices, percentages, scores, live data etc ). you can enable this tnum OpenType feature using the CSS property `font-variant-numeric`. .tabular-nums { font-variant-numeric: tabular-nums; }
English
Hélcio Franco me-retweet
It's time to bring Haptics to the web 🫨
Create custom tactile patterns with strengths + durations for your web interactions.
Make your app feel as good as it looks ✨
→ haptics.lochie.me
English
Hélcio Franco me-retweet
`tabular-nums` should be the default for any number that updates ( timers, counters, prices, percentages, scores, live data etc ).
you can enable this tnum OpenType feature using the CSS property `font-variant-numeric`.
.tabular-nums {
font-variant-numeric: tabular-nums;
}
English
Hélcio Franco me-retweet
Hélcio Franco me-retweet
Quem são os Devs mais sinistros de Fintech que vocês conhecem? E que curtam Open Source?
Português
Hélcio Franco me-retweet
A quick way to improve how text behaves in your app is to use `text-wrap: balance`. It distributes text evenly across each line, avoiding orphaned words.
It is only supported for a limited number lines (<6-10 depending on the browser), which means it's best used for headings or short paragraphs.
English
Hélcio Franco me-retweet
@CompozyAI v0.8.4 is live with SO MANY UPDATES 🔥
✅ Native @opencode support
✅ Native @OpenAI Codex support
✅ New @linear integration for issues
✅ Github push and open PR button
✅ Labels system for issues
✅ Support to set individual model+provider per task
🐞 Manu bug fixes
👇🏻 Download bellow
English
Hélcio Franco me-retweet
In 2025, Bun was the 3rd largest contributor to JavaScriptCore - the JavaScript engine powering Safari & Bun
Thanks to @__sosukesuzuki!
English