Davide Di Pumpo
@makhbeth.bsky.social
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.
Reposted by Davide Di Pumpo
💡 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
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
October 10, 2025 at 10:36 AM
💡 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
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
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
October 7, 2025 at 5:39 PM
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
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
Reposted by Davide Di Pumpo
Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools
August 7, 2025 at 2:31 PM
Lots of questions about how to get the FPS meter to show up and a few other CSS rendering debugging tools
Reposted by Davide Di Pumpo
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)
Similar idea to these bulge and ripple tests I made a long time ago codepen.io/thebabydino/... (no Firefox)
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...
www.smashingmagazine.com
June 12, 2025 at 9:21 AM
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)
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
May 15, 2025 at 8:28 AM
Accessibility days Milan! See you there
This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...
State of Devs 2025
Take the State of Devs survey
survey.devographics.com
May 3, 2025 at 5:38 PM
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
April 24, 2025 at 4:40 PM
Ok. It’s a nice game. I'm even blabbing on steam deck. That, a Juicy. JHP starts a juggle! #cotw #cotw_hotaru
Reposted by Davide Di Pumpo
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/watch?v=g03Y...
Learning how CSS-only carousels are going to work
YouTube video by Kevin Powell
m.youtube.com
April 23, 2025 at 3:00 PM
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/watch?v=g03Y...
Reposted by Davide Di Pumpo
This custom property trick solves a common #CSS problem @kevinpowell.co
www.youtube.com/watch?v=Stxz...
www.youtube.com/watch?v=Stxz...
This custom property trick solves a common CSS problem
YouTube video by Kevin Powell
www.youtube.com
April 23, 2025 at 3:40 PM
This custom property trick solves a common #CSS problem @kevinpowell.co
www.youtube.com/watch?v=Stxz...
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!
Says Davide 25 years old.
See you on Monday as a Speaker for Web Day!
March 28, 2025 at 8:18 PM
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!
Says Davide 25 years old.
See you on Monday as a Speaker for Web Day!
Reposted by Davide Di Pumpo
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/
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/
February 25, 2025 at 5:48 PM
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/
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/
Reposted by Davide Di Pumpo
Huh 😮
💡 CSS Tip!
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
Do you want a set of buttons to be equal in width to the widest one? A few lines of CSS and you are done!
css-tip.com/equal-width-...
#CSS
February 21, 2025 at 8:55 PM
Huh 😮
Reposted by Davide Di Pumpo
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/#/
colorandcontrast.com/#/
February 14, 2025 at 8:30 AM
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/#/
colorandcontrast.com/#/
Reposted by Davide Di Pumpo
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
✨ no extra elements or pseudos needed for effect
✨ only need to set border, background, border-radius
February 14, 2025 at 8:39 AM
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
✨ 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
Listening to an entire album instead of random songs on Spotify is an experience I suggest reviving sometimes
February 2, 2025 at 1:30 AM
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
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
January 31, 2025 at 9:51 PM
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
Reposted by Davide Di Pumpo
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!
#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!
January 29, 2025 at 5:30 PM
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!
#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!
January 23, 2025 at 10:00 PM
Reposted by Davide Di Pumpo
Opening an Italian vat number requires a specific version of Java, some expertise in shell and a lot of patience…
January 13, 2025 at 10:22 PM
Opening an Italian vat number requires a specific version of Java, some expertise in shell and a lot of patience…
1.12 GB to install Microsoft Teams? How did we end like this?
January 12, 2025 at 11:08 AM
1.12 GB to install Microsoft Teams? How did we end like this?
Do I have a sticker issue?
January 11, 2025 at 10:21 AM
Do I have a sticker issue?
I found the way to fix the access to the power button to the new Mac mini M4
January 9, 2025 at 10:55 AM
I found the way to fix the access to the power button to the new Mac mini M4