Hugo Campañoli
LightNews LightNews
campa.dev
Hugo Campañoli
@campa.dev
11 followers 150 following 5 posts
Posts Replies Media Videos
Reposted by Hugo Campañoli
meodai.bsky.social
www.swatchmaker.uk
November 28, 2025 at 10:21 PM
Reposted by Hugo Campañoli
cssweekly.com
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
November 28, 2025 at 3:41 PM
Reposted by Hugo Campañoli
nordcraft.com
As CSS becomes more powerful, we are beginning to see a new weak point.

@whitep4nth3r.com grills @andreasmoller.dk about his spicy-flavoured takes in our latest video, and offers up a wild solution (that all of us have actually been using for decades).
CSS HAS BECOME TOO POWERFUL! Here's the solution
YouTube video by Nordcraft
youtu.be
November 27, 2025 at 4:00 PM
Reposted by Hugo Campañoli
danny.is
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
November 26, 2025 at 3:27 AM
Reposted by Hugo Campañoli
webperfreport.bsky.social
⚡Featured posts this week:
✨ WebPerf Report on SPDY STREAM: @henrihelvetica.bsky.social
✨ WordPress 6.9 Perf Landings: @weston.ruter.net
✨ I Built the Same App 10 Times: @cheddybop.bsky.social
✨ Start building with Gemini 3: @officiallogank.bsky.social
🙏 Special thanks to the authors!
#webperf
⚡Featured posts this week from Perf Links by WebPerformance Report:
November 23, 2025 at 12:04 PM
campa.dev
Testing out the Infographics feature in #NotebookLM.
Tackle your grids!
#CSS
CSS Grid Layout infographic explaining responsive design, structure, item placement, and adaptive grids.
November 20, 2025 at 10:04 PM
Reposted by Hugo Campañoli
astro.build
Astro 5.16 is out, featuring SVG optimizations and more!

astro.build/blog/astro-5...
Astro 5.16 | Astro
Astro 5.16 brings experimental SVG optimization with SVGO, interactive CLI shortcuts, and improved developer experience across the board.
astro.build
November 20, 2025 at 4:08 PM
Reposted by Hugo Campañoli
anatudor.bsky.social
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 } ```
November 18, 2025 at 3:26 PM