@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.
The following CSS code: .box { border-radius: calc(sign(100cqi - 100%)*2rem); }
💡 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
07.08.2025 14:31 — 👍 39 🔁 7 💬 2 📌 0
developer.mozilla.org/en-US/docs/W... popover should solve this
07.08.2025 19:50 — 👍 8 🔁 0 💬 0 📌 0
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)
This explains so much
19.05.2025 18:55 — 👍 2 🔁 0 💬 0 📌 0
Accessibility days Milan! See you there
15.05.2025 08:28 — 👍 0 🔁 0 💬 0 📌 0
This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...
03.05.2025 17:38 — 👍 0 🔁 0 💬 0 📌 0Ok. It’s a nice game. I'm even blabbing on steam deck. That, a Juicy. JHP starts a juggle! #cotw #cotw_hotaru
24.04.2025 16:40 — 👍 0 🔁 0 💬 0 📌 0
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...
Corporate sucks. Sorry mate
11.04.2025 21:25 — 👍 1 🔁 0 💬 0 📌 0
A Selfie with a tired face
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 desk with ps5 accessible controller and Mac computers
Playing with #a11y
25.03.2025 19:24 — 👍 1 🔁 0 💬 0 📌 0
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 😮
21.02.2025 20:55 — 👍 154 🔁 6 💬 2 📌 1
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.
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/#/
The relevant code for my solution and the visual result.
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
Kill bill vol 1 ost vinyl
The king of fighters 98 ost vinyl
Radiohead, System of a Down, Korn, Dark Tranquillity Vinyls
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
Braille playing cards
Braille writing instruments
Braille keyboard
Braille lego set
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
31.01.2025 21:51 — 👍 2 🔁 0 💬 0 📌 0CSSWG 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!
columns-xxs, columns-sm, columns-md, columns-xl, columns-xxl. Fixed (or maybe it’s worse? 😝)
24.01.2025 20:43 — 👍 1 🔁 0 💬 0 📌 0There 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 😬
24.01.2025 20:42 — 👍 1 🔁 0 💬 0 📌 0I'm scared to find in the next years: data-columns-xxs, data-columns-sm, data-columns-md, data-columns-xl, data-columns-xxl
24.01.2025 10:10 — 👍 1 🔁 0 💬 1 📌 0I don’t know, I’m still not convinced. This seams still mixing semantic and styling, Data and visualization.
24.01.2025 09:21 — 👍 3 🔁 0 💬 2 📌 0
#immortal #goldfish
23.01.2025 22:00 — 👍 0 🔁 0 💬 0 📌 0
6 #CSS Snippets Every Front-End Developer Should Know In 2025
nerdy.dev/6-css-snippe...
You should never ask a woman’s age, discuss fight club, or inquire about the Java version.
14.01.2025 11:15 — 👍 1 🔁 0 💬 0 📌 0Opening an Italian vat number requires a specific version of Java, some expertise in shell and a lot of patience…
13.01.2025 22:22 — 👍 0 🔁 0 💬 1 📌 0
A little post about #a11y and #AI
www.linkedin.com/posts/davide...
