Sign in

Davide Di Pumpo

@makhbeth.bsky.social
44 followers 56 following 78 posts

I make websites, mainly the visual part. Is web designer still démodé? Not vintage yet? Let’s say UX engineer. I'm also a dad and a gamer.

PostsRepliesMedia
Reposted by Davide Di Pumpo
Ahmad Shadeed @ishadeed.com · 01/10/2026
"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...
youtube.com
AI Is Rotting Your Brain - Just Look At Theo
YouTube video by Kyle Cook from Web Dev Simplified
3283 0
Davide Di Pumpo @makhbeth.bsky.social · 11/09/2026
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...
davide.consulting
Why I started this blog
Fear, a green beard, technofeudalism and a small piece of the web that is mine again.
012 0
Davide Di Pumpo @makhbeth.bsky.social · 09/09/2026
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.
fountain.lol
FountAIn — Optional intention
Unlimited generation. Optional intention. A Duchamp-inspired web artwork about AI, craftsmanship, and the meaning we attach to what we make.
000 0
Davide Di Pumpo @makhbeth.bsky.social · 12/04/2026
100 0
Davide Di Pumpo @makhbeth.bsky.social · 11/04/2026
I feel you. The (dis)attention to the details is driving me mad.
120 0
Reposted by Davide Di Pumpo
Sara Soueidan @sarasoueidan.com · 11/04/2026
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. 😭
8391 0
Reposted by Davide Di Pumpo
Eric Bailey @ericwbailey.website · 07/03/2026
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.
216226 0
Reposted by Davide Di Pumpo
Lea Verou, PhD @lea.verou.me · 28/02/2026
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...
css-tip.com
Dynamic Tooltip Position with Anchor Positioning
A tootlip that follows its anchor while adjusting the position of its tail
4306 0
Reposted by Davide Di Pumpo
CSS by T. Afif @css-only.dev · 06/02/2026
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.
A CSS code showing example of calc-size() combined with clamp()
184 0
Reposted by Davide Di Pumpo
CSS by T. Afif @css-only.dev · 10/10/2025
💡 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
The following CSS code:
.box {
  border-radius: calc(sign(100cqi - 100%)*2rem);
}
4477 0
Davide Di Pumpo @makhbeth.bsky.social · 07/10/2025
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
000 0
Reposted by Davide Di Pumpo
Wes Bos @wesbos.com · 07/08/2025
Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools
2397 0
Davide Di Pumpo @makhbeth.bsky.social · 07/08/2025
developer.mozilla.org/en-US/docs/W... popover should solve this
developer.mozilla.org
Popover API - Web APIs | MDN
The Popover API provides developers with a standard, consistent, flexible mechanism for displaying popover content on top of other page content. Popover content can be controlled either using HTML att...
080 0
Reposted by Davide Di Pumpo
Ana Tudor @anatudor.bsky.social · 12/06/2025
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)
smashingmagazine.com
A Deep Dive Into The Wonderful World Of SVG Displacement Filtering — Smashing Magazine
What exactly is a displacement filter? In this article, Dirk Weber will be diving into one of the most spectacular filter effects: the SVG feDisplacementMap filter primitive. In order to make it all e...
1173 0
Davide Di Pumpo @makhbeth.bsky.social · 19/05/2025
This explains so much
020 0
Davide Di Pumpo @makhbeth.bsky.social · 15/05/2025
Accessibility days Milan! See you there
000 0
Davide Di Pumpo @makhbeth.bsky.social · 03/05/2025
This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...
survey.devographics.com
State of Devs 2025
Take the State of Devs survey
000 0
Davide Di Pumpo @makhbeth.bsky.social · 24/04/2025
Ok. It’s a nice game. I'm even blabbing on steam deck. That, a Juicy. JHP starts a juggle! #cotw #cotw_hotaru
000 0
Reposted by Davide Di Pumpo
Michael G @g12n.de · 23/04/2025
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...
m.youtube.com
Learning how CSS-only carousels are going to work
YouTube video by Kevin Powell
082 0
Reposted by Davide Di Pumpo
Schalk Neethling @schalkneethling.com · 23/04/2025
This custom property trick solves a common #CSS problem @kevinpowell.co www.youtube.com/watch?v=Stxz...
youtube.com
This custom property trick solves a common CSS problem
YouTube video by Kevin Powell
172 0
Davide Di Pumpo @makhbeth.bsky.social · 11/04/2025
Corporate sucks. Sorry mate
010 0
Davide Di Pumpo @makhbeth.bsky.social · 28/03/2025
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!
A Selfie with a tired face
010 0
Davide Di Pumpo @makhbeth.bsky.social · 25/03/2025
Playing with #a11y
A desk with ps5 accessible controller and Mac computers
010 0
Reposted by Davide Di Pumpo
Seb ⚛️ ThisWeekInReact.com @sebastienlorber.com · 25/02/2025
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/
1274 0
Reposted by Davide Di Pumpo
Josh W. Comeau @joshwcomeau.com · 21/02/2025
Huh 😮
21536 0
Reposted by Davide Di Pumpo
Stef Walter @stephaniewalter.bsky.social · 14/02/2025
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/#/
Screenshot of the homepage of the Color and Contrast guide with the tagline: An interactive guide to color & contrast
A comprehensive guide for exploring and learning about the theory, science, and perception of color and contrast.
A very long table of content is displayed on the left, and an orange yellow illustration of stacked rectangles is displayed on the right.
14911 0
Reposted by Davide Di Pumpo
Ana Tudor @anatudor.bsky.social · 14/02/2025
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
The relevant code for my solution and the visual result.
1513 0
Davide Di Pumpo @makhbeth.bsky.social · 02/02/2025
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
Kill bill vol 1 ost vinylThe king of fighters 98 ost vinylRadiohead, System of a Down, Korn, Dark Tranquillity Vinyls
020 0
Davide Di Pumpo @makhbeth.bsky.social · 31/01/2025
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
Braille playing cardsBraille writing instruments Braille keyboard Braille lego set
020 0
Reposted by Davide Di Pumpo
Adam Argyle @nerdy.dev · 29/01/2025
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!
818628 0
Davide Di Pumpo @makhbeth.bsky.social · 24/01/2025
columns-xxs, columns-sm, columns-md, columns-xl, columns-xxl. Fixed (or maybe it’s worse? 😝)
010 0
Davide Di Pumpo @makhbeth.bsky.social · 24/01/2025
There are a few use cases that I appreciate, like color pickers or swatchers or displaying measurements on a page. However, as I navigate codebases for work, I often question the effectiveness of mixing props and CSS—I'm looking at you, styled-components. It's late to complain though, so 😬
010 0
Davide Di Pumpo @makhbeth.bsky.social · 24/01/2025
I'm scared to find in the next years: data-columns-xxs, data-columns-sm, data-columns-md, data-columns-xl, data-columns-xxl
110 0
Davide Di Pumpo @makhbeth.bsky.social · 24/01/2025
I don’t know, I’m still not convinced. This seams still mixing semantic and styling, Data and visualization.
230 0
Davide Di Pumpo @makhbeth.bsky.social · 23/01/2025
#immortal #goldfish
000 0
Reposted by Davide Di Pumpo
Adam Argyle @nerdy.dev · 19/01/2025
6 #CSS Snippets Every Front-End Developer Should Know In 2025 nerdy.dev/6-css-snippe...
nerdy.dev
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025
Toolbelt worthy, powerful, and meaningful CSS you'll need for 2025.
1123543 0
Davide Di Pumpo @makhbeth.bsky.social · 14/01/2025
You should never ask a woman’s age, discuss fight club, or inquire about the Java version.
010 0
Davide Di Pumpo @makhbeth.bsky.social · 13/01/2025
Opening an Italian vat number requires a specific version of Java, some expertise in shell and a lot of patience…
100 0
Davide Di Pumpo @makhbeth.bsky.social · 12/01/2025
A little post about #a11y and #AI www.linkedin.com/posts/davide...
linkedin.com
Davide Di Pumpo on LinkedIn: #ai #a11y
Unfortunately, in this post, I will talk about #AI. I have to because even though it's not one of my favourite topics, it's related to #A11Y, one of my…
000 0
Davide Di Pumpo @makhbeth.bsky.social · 12/01/2025
1.12 GB to install Microsoft Teams? How did we end like this?
100 0
Davide Di Pumpo @makhbeth.bsky.social · 11/01/2025
I left some free slots for future stickers.
000 0
Davide Di Pumpo @makhbeth.bsky.social · 11/01/2025
Do I have a sticker issue?
A laptop with a lot of stickers
100 0
Davide Di Pumpo @makhbeth.bsky.social · 09/01/2025
I found the way to fix the access to the power button to the new Mac mini M4
Vertical M4 under a monitor
000 0
Reposted by Davide Di Pumpo
Adam Argyle @nerdy.dev · 07/01/2025
#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.
212211 0
Reposted by Davide Di Pumpo
CSS by T. Afif @css-only.dev · 07/01/2025
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.
0123 0
Reposted by Davide Di Pumpo
Stef Walter @stephaniewalter.bsky.social · 07/01/2025
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
Screenshot of the resource with a gallery of portfolio homepages, organized in a grid of 3 columns
0213 0
Reposted by Davide Di Pumpo
Bramus @bram.us · 01/01/2025
View Transitions Snippets: Getting all Animations linked to a View Transition 🔗 brm.us/view-transit... 🏷️ #ViewTransitions #JavaScript #Animations
brm.us
View Transitions Snippets: Getting all Animations linked to a View Transition
A few lines of JavaScript to get all animations linked to an active View Transition.
1727 0
Davide Di Pumpo @makhbeth.bsky.social · 31/12/2024
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.
Effect ts vscode screen
000 0
Davide Di Pumpo @makhbeth.bsky.social · 31/12/2024
A comic strip that illustrates the difference in career strategies between generations. From company loyalty to modern job hopping
000 0
Davide Di Pumpo @makhbeth.bsky.social · 31/12/2024
How do you know that the juniors will be there 1-2 times a week?
100 0