Tessera
Folgen

Hugo Campañoli

@campa.dev

Frontend Dev | Centered <div>, chaotic life. 🧘‍♂️ AstroJS 🚀 & Semantic HTML fan. My 2 daughters are my PM (and they are very demanding). 🇵🇾 Bella Vista.

22 Posts55 Follower288 Folgt
Hugo Campañoli@campa.dev · 3mo ago

git absorb automatiza el git rebase -i --autosquash para PRs con múltiples commits. Stageas el fix con git add -p, git absorb detecta el commit correcto por commutativity de patches, y genera el fixup! automáticamente. brew install git-absorb

Diagrama esquemático que explica el algoritmo de "git absorb". Muestra cómo un "fixup!" escanea el historial hacia atrás para encontrar su commit base ("feat:") y utiliza la conmutatividad de parches para saltar los commits intermedios ("fix:") y aplicarse correctamente.
Hugo Campañoli@campa.dev · 4mo ago

La privacidad por diseño ya no es una sugerencia ética, es una obligación legal bajo la nueva Ley 7593/2025 en Paraguay. Si tu app sigue recolectando datos "por las dudas", estás acumulando deuda técnica y riesgo financiero. Escribí un checklist técnico para cumplir: campa.dev/es/blog/priv...

A wide technical diagram showing a data flow being filtered by an amber prism into secure tokens, representing the "Privacy by Design" implementation for Ley 7593.
Hugo Campañoli@campa.dev · 5mo ago

¿Seguís debugeando en sueños? 🧠 Es el Efecto Zeigarnik: el cerebro prioriza tareas inacabadas consumiendo RAM cognitiva. Hacks senior: ✅ Park on a downhill (dejá un test fallando). ✅ Externalización radical (anotalo todo). Leé el TIL: → campa.dev/es/til/efect...

Bild
Ana Tudor@anatudor.bsky.social · 8mo ago

If 2 in 1 isn't enough, here's a 3 in 1 demo on @codepen.io: 3 cross-browser approaches (so no `corner-shape`) for getting a scooped corners, responsive shape with a border: codepen.io/thebabydino/... Includes a list of pros & cons for each. #CSS #SVG #filter

Scooped rounded corners + border: a comparative demo

Scooped corners, comparative view of different techniques. Prompted by [a question asked on reddit](https://www.reddit.com/r/css/comments/1judajj/how_c...

codepen.io

Open Web Docs@openwebdocs.org · 8mo ago

In 2025, we systematically collected compat data for 28 browser releases: Firefox 135 - 147 Chrome 133 - 144 Safari 18.4, 26, 26.2 We're keeping your compat tables up-to-date.

Patrick Brosset@patrickbrosset.com · 8mo ago

The browser-compat-data project (used by MDN, caniuse, and tools) now has: 20,000 commits 1,123 contributors 465 releases 19,148 data entries That's what comprehensive web compat data looks like. And it takes well funded teams at @openwebdocs.org and @mozilla.org plus amazing contributors.

Browser window showing the browser-compat-data github repo homepage, which shows that the project now contains 20,000 commits.
CSS Weekly@cssweekly.com · 9mo ago

CSS Weekly #628 🕰️ Multi stage timetable with modern CSS 🎯 CSS random() experiments 🚀 Practical view transitions examples 💯 A guide to the HTML number input Featuring @ichimnetz.com, @chriscoyier.net, @vale.rocks, @dxnny.fun, @bram.us, @ollie-williams.bsky.social, @mirrow.app. 🙏 cssw.io/issue-628

CSS Weekly Issue #628

Learn how to create timetable layouts using CSS, practical uses for the random() function, how to create performant SVG maps, and more.

cssw.io

Danny Smith@danny.is · 9mo ago

AI slop is filling the internet. I want more humans writing on their own websites. So I made Astro Editor — a free macOS app for writing markdown & MDX in Astro content collections. Basically iA Writer for @astro.build 🎉 astroeditor.danny.is #BuiltWithAstro #astrojs

Astro Editor — Schema-Aware Markdown Editor for Astro Content Collections

Transform your Astro content workflow with schema-aware frontmatter forms. Reads your Zod schemas and creates intelligent editing interfaces for distraction-free writing.

astroeditor.danny.is

Ana Tudor@anatudor.bsky.social · 9mo ago

I am begging you, please don't split your heading into two separate `h2` elements with an `img` in between just to have the image in between your heading words. This is what subgrid was made for! #CSS

HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```