Davide Di Pumpo

I wish I'd realized when recording this that it would come out on the 10-year anniversary of my channel, but even if I didn't mention it, I guess it's still pretty fitting 😅 (plus it was posted to my second channel anyway, lol)

So, a new blog post is out davide.consulting/blog/permane...

"AI Is Rotting Your Brain": a video that shows exactly how AI overuse affects the brain and causes a decline in critical thinking. www.youtube.com/watch?v=ZumX...

I started a blog. Own domain, Markdown files, nobody's algorithm in between. First post is about why: my kids, the web I grew up on, technofeudalism, and wanting a small piece of the internet to be mine again. Written, not a podcast. davide.consulting/blog/why-i-s...

When words fail me, I turn to art. Duchamp’s Fountain keeps coming to mind as AI reshapes web craftsmanship: authorship, intention, endless output. So I made an AI-assisted urinal that generates interpretations. It contains some of my feelings. And probably too many words.

On an unrelated note: I upgraded to macOS Tahoe last night. I apologize for the negativity but the UI is just so ugly I instantly regretted the upgrade. And now I learn that it drains the battery, which I noticed during the day today. It's not lasting nearly as long as it usually does. Great. 😭

View transitions, anchor positioning, ​@scope, focusgroup, invokers, popovers, container queries, grid, relative colors, style-able selects, and more. The web feels like it’s getting so good at exactly the moment our collective worst practices are getting calcified as the default.

Has anyone figured a bulletproof way to use anchor positioning w/ a tooltip pointer? @css-only.dev got far¹²³ but these all depend on the tooltip being opaque. Just got nerd sniped trying to figure this out! ¹ css-tip.com/tooltip-anch... ² css-tip.com/tooltip-anch... ³ css-tip.com/tooltip-anch...

For people who think it's useless because we can simply define max/min-width are missing the point. It's not only about that specific case, but also about any combination that involves other values as well.

💡 CSS Tip! A simple line of modern CSS to create a conditional Border Radius. The value will adjust based on either the container width or screen width. css-tip.com/conditional-... cc @ishadeed.com @una.im

Next week is a massive week for Frontend in Milano: On Monday, you will find me at the ItaliaJS reunion: discord.gg/5ebTs9kc?eve... On Tuesday and on Wednesday, see you at Codemotion conferences.codemotion.com/milan2025/ And on Thursday evening, there is the Effect Meetup: luma.com/ey6avxtv

Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools

The idea is explained in a lot of detail in this article www.smashingmagazine.com/2021/09/deep... and you can see the actual displacement map used in the video. Similar idea to these bulge and ripple tests I made a long time ago codepen.io/thebabydino/... (no Firefox)

Accessibility days Milan! See you there

This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...

Ok. It’s a nice game. I'm even blabbing on steam deck. That, a Juicy. JHP starts a juggle! #cotw #cotw_hotaru

Scroll Buttons, Scroll Markers, Scroll State Queries, and Scroll Driven Animation are such a powerful set of #CSS features that I hesitate to use the term carousel. Hopefully #safari will follow soon. Now let's dig into some learning with @kevinpowell.co m.youtube.com/watch?v=g03Y...

This custom property trick solves a common #CSS problem @kevinpowell.co www.youtube.com/watch?v=Stxz...

B eing MC at a tech conference isn’t hard. Says Davide 25 years old. See you on Monday as a Speaker for Web Day!

Playing with #a11y

2025 is time to learn CSS Anchors Positioning Part of Interop 2025, very likely to land in all browsers this year I played this educative mini-game today and learned that they are even more powerful than I thought 🤯 Ex: position item close to 2 anchors anchoreum.com/

Huh 😮

A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast, by Nate Baldwin. It provides short introductions and many links to dig further. colorandcontrast.com/#/

Someone asked (yet again) on reddit for that inverted radius tab pattern so here's a pure #CSS solution from me www.reddit.com/r/css/commen... ✨ no extra elements or pseudos needed for effect ✨ only need to set border, background, border-radius

I’ve updated my Pomodoro technique and working playlist all at once. It’s good not to have a precise counter but to follow the flow till you have to change the vinyl side. Also Listening to an entire album instead of random songs on Spotify is an experience I suggest reviving sometimes

Today, I visited the Google Accessibility Discover Center in Milan. It’s a fantastic journey, and experiencing firsthand all the ways someone can navigate the a11y spectrum is something every crafter should do. ADC is open across Europe. Search for the ones near you and do you a favour, book a visit

CSSWG is talking about #CSS `superellipse` for SQUIRCLES (and more like notches, cutouts and bevels) try it noamr.github.io/squircle-tes... awesome work @nomster.bsky.social and Simon Fraser!

#immortal #goldfish

6 #CSS Snippets Every Front-End Developer Should Know In 2025 nerdy.dev/6-css-snippe...

Opening an Italian vat number requires a specific version of Java, some expertise in shell and a lot of patience…

A little post about #a11y and #AI www.linkedin.com/posts/davide...

1.12 GB to install Microsoft Teams? How did we end like this?

Do I have a sticker issue?

I found the way to fix the access to the power button to the new Mac mini M4

#CSS linear() easing can be soft, subtle and minimal OR firm, tense and loud here's how I'm using it in a few areas of my site ❤️ so fun.

Updated the demo to include a button that shows your local time. Now it's a real clock! ⏰ Anyone for some testing? 👇 I don't expect it to be super accurate but still a funny #CSS experimentation.

Finding inspiration for a portfolio as a developer isn’t usually as easy as for designers, I hope this curated gallery will help: www.webportfolios.dev/portfolios

View Transitions Snippets: Getting all Animations linked to a View Transition 🔗 brm.us/view-transit... 🏷️ #ViewTransitions #JavaScript #Animations

One of my 2024 (yes, two thousand twenty-FOUR) was to try some Effect-TS. I tried it 4/5 years ago, but it wasn’t even close to the new stable version. By the way, I never had the chance during the year. But today is still 2024, no? So here I am. Let’s dig into some functional hell before New Eve.

Why do you like to work in da office?

Periodic workstation setup update. You can spot two new shiny elements! A crow lamp from Italian designer Marcantonio. And… the new M4 Mac mini is finally in its place! #workstation #seletti #setup #marcantonio #m4 #macmini

need product differentiation? overhire a #CSS front-end team and ask them to: - polish whatever - add delight wherever and watch as your product becomes smooth and buttery while everyone else's gather dust and crust UI is a huge space offering differentiation via quality

I fed my monitors after midnight. They are multiplying!!!

Playing with Vue for Xmas. After years of React, having a framework where CSS is a first-citizen is really cool. There are no dependencies, no weird stuff. Everything works off the shelf. Templates stil weird me of. But I will get used