Advertisement · 728 × 90

Posts by Hugo Campañoli

Post image

¿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...

4 weeks ago 0 0 0 0
Ciclo de vida INP

Ciclo de vida INP

TIL: El INP (Interaction to Next Paint) es el nuevo estándar de interactividad. Si tu web clica lento, Google te penaliza.

Usá `web-vitals/attribution` para encontrar el elemento exacto que bloquea el Main Thread. < 200ms es el objetivo.

→ campa.dev/es/til/medir-inp-correctamente/

1 month ago 1 0 0 0
Post image

Will be nice to mix the temps 🤣 but 🤷🏻

3 months ago 2 0 0 0
Preview
Pure CSS geometric pattern Inspired by something I must have come across on Shutterstock or something. --- If the work I've been putting out since early 2012 has helped you in ...

A cool little pure #CSS background pattern on @codepen.io: codepen.io/thebabydino/...

Can you figure out how it was made before checking the code? 😼

3 months ago 10 3 0 0
Neovim working on an Astro project

Neovim working on an Astro project

I think that I found a nice theme 👩🏻‍💻

3 months ago 0 0 0 0

I'm gonna try Neovim.

3 months ago 0 0 0 0
Video

Muestra un calendario en tu Web o App fácil.
Se llama Cally y es genial:

✓ Multi-idioma
✓ Sólo pesa 9 KB
✓ Personalizable con CSS
✓ Funciona en React, Angular, Vue...

→ npm install cally

3 months ago 9 3 0 0

Lol, but true 🥴

3 months ago 0 0 0 0
Advertisement
Preview
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...

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

3 months ago 4 2 0 0
Cartoon with a man and a woman at the front of the Titanic (like in the movie). She says "I have a secret, Jack: I use divs as buttons". He pushes her overboard with a disgusted look.

Cartoon with a man and a woman at the front of the Titanic (like in the movie). She says "I have a secret, Jack: I use divs as buttons". He pushes her overboard with a disgusted look.

comiCSS #100: Jack and Rose
comicss.art/comics/100/j...

August 28, 2023 – Semantic HTML is the way to go. Don't use divs (or links) as buttons... or you may get thrown overboard 😅

#css #cartoon #webdev #cssArt

3 months ago 10 3 0 0
Post image

Introducing ✨ Standard JSON Schema ✨

It's a sister spec to Standard Schema that provides a common interface for any entity that can be converted to JSON Schema

3 months ago 68 6 2 4

Cool

3 months ago 1 0 0 0
Preview
a picture of a robot with the words " i won 't ask " below it ALT: a picture of a robot with the words " i won 't ask " below it
3 months ago 1 0 1 0
Preview
WebKit Features for Safari 26.2 Safari 26.2 is a big release.

Safari 26.2 is here with 65 features + 165 bug fixes — including field-sizing, Navigation API, Largest Contentful Paint, command & commandfor, CHIPS opt-in partitioned cookies, scrollend event, random(), WebGPU in WebXR, scrollbar-color, hidden=until-found and much more! webkit.org/blog/17640/w...

3 months ago 196 37 11 16
Preview
web-platform-dx/developer-signals Tracking web developer signals for features. Contribute to web-platform-dx/developer-signals development by creating an account on GitHub.

Do you know about the developer-signals repo?

If you want to see a feature supported across browsers, now you can go and upvote it, anytime

github.com/web-platform...

3 months ago 9 6 1 1

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.

4 months ago 12 4 0 0
It's gonna be 🥵 this weekend

It's gonna be 🥵 this weekend

Hot weather is coming to town 😮‍💨🥴

4 months ago 1 0 0 0

Hieroglyphics, To Machines Legible

4 months ago 2 0 1 0
Advertisement
Web Weekly 177

- navigator.userActivation
- DevTools debugging tricks
- CSS-only arrows with corner-shape
- The satisfies keyword
- subgrid explained
- cookieStore

Web Weekly 177 - navigator.userActivation - DevTools debugging tricks - CSS-only arrows with corner-shape - The satisfies keyword - subgrid explained - cookieStore

I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit!

If you care about the web platform and browser features, you should check it out!

www.stefanjudis.com/blog/web-wee...

4 months ago 18 8 1 0
Video

www.swatchmaker.uk

4 months ago 14 3 0 0
Preview
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.

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

4 months ago 10 3 2 1
CSS HAS BECOME TOO POWERFUL! Here's the solution
CSS HAS BECOME TOO POWERFUL! Here's the solution YouTube video by Nordcraft

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).

4 months ago 7 3 0 2
Preview
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.

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

4 months ago 59 11 5 3
⚡Featured posts this week from Perf Links by WebPerformance Report:

⚡Featured posts this week from Perf Links by WebPerformance Report:

⚡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

4 months ago 4 3 0 0
button styles on graffiti

button styles on graffiti

Post image

I'm adding some styles here, and... colors :D

4 months ago 4 0 1 0
Advertisement
Post image

I'll share a little of the Paraguayan warmth with you.

4 months ago 1 0 1 0
CSS Grid Layout infographic explaining responsive design, structure, item placement, and adaptive grids.

CSS Grid Layout infographic explaining responsive design, structure, item placement, and adaptive grids.

Testing out the Infographics feature in #NotebookLM.
Tackle your grids!
#CSS

4 months ago 2 0 0 0
Preview
Astro 5.16 | Astro Astro 5.16 brings experimental SVG optimization with SVGO, interactive CLI shortcuts, and improved developer experience across the board.

Astro 5.16 is out, featuring SVG optimizations and more!

astro.build/blog/astro-5...

4 months ago 59 9 0 1

Agent model: access to Gemini 3 Pro, Claude Sonnet 4.5, GPT-OSS 🤯

4 months ago 0 0 0 0
Preview
a cartoon character with the words las cosas se salieron un poco fuera de control below him ALT: a cartoon character with the words las cosas se salieron un poco fuera de control below him
4 months ago 0 0 0 0