Sign in

Tobias Fedder

@tfedder.de
163 followers 351 following 658 posts

photography hobbyist and web dev always learning about the web blogging on tfedder.de/blog

PostsRepliesMedia
Tobias Fedder @tfedder.de · 29/09/2026
Last day at the office, packing up my stuff. I will miss the whiteboard quote, as well as the a11y poster peeking over my shoulder in video calls. And the cafeteria. 😢 Starting next month: new org, new processes, new workplace, but same tasks, same employer, same team 😊 (mostly). It's complicated.
A whiteboard on a light grey office wall. On it a short quote in German asking "Seriously?" attributed to "me (constantly)". Next to the quote a small poster reading "a11y is hard for <div>elopers" in all caps except for the <div>.
141
Tobias Fedder @tfedder.de · 20/09/2026
I know I should be angry about the "largest theft of labor in human history", other anti-social tech, blocking client-side rendering, and shit. But what about my fellow web devs getting excited to optimize their sites for the newest gadget from the "you have to install an app for that" corp?
000
Reposted by Tobias Fedder
Mia [data-css=poetic] @miriam.codes · 18/09/2026
If you want to claim technology is neutral and what matters is how we use it… this is it. This is the "how we use it" part. These are brand name products built by companies, so ~5 of the worst men on Sir Tim's world wide public domain web can sell our own Redit posts back to us for profit.
1131
Tobias Fedder @tfedder.de · 18/09/2026
Dear border-image-*, Why? Have I wronged you? Why are you like that? Why are you doing this to me? Why‽ #CSS
030
Reposted by Tobias Fedder
Alex Russell @infrequently.org · 17/09/2026
It's also anti-privacy to bounce folks to native apps and app stores filled with invasive, proprietary, unauditable technology.
181
Tobias Fedder @tfedder.de · 17/09/2026
I had to ssh into my server this morning to get my NextcloudAIO instance up again. Many container images needed updating. Now, the interesting question is: Did I jinx it, or is five months too long a period for me to have been able to jinx it? bsky.app/profile/tfed...
010
Tobias Fedder @tfedder.de · 16/09/2026
Looks like I overestimated the appetite for hexagons on the web. Like, by a lot. bsky.app/profile/tfed...
020
Reposted by Tobias Fedder
Tobias Fedder @tfedder.de · 15/09/2026
I like hexagons and web design. Do you like hexagons? And, also web design? Can I interest you in calc-size() ? codepen.io/editor/tfedd...
codepen.io
CSS calc-size() function’s potential
A code demo by Tobias Fedder created on CodePen
011
Tobias Fedder @tfedder.de · 15/09/2026
I like hexagons and web design. Do you like hexagons? And, also web design? Can I interest you in calc-size() ? codepen.io/editor/tfedd...
codepen.io
CSS calc-size() function’s potential
A code demo by Tobias Fedder created on CodePen
011
Tobias Fedder @tfedder.de · 12/09/2026
Imagine a world where every business is owned by all its workers, and only its workers. Does that sound like socialism to you? Then please tell me how that's not capitalism. Does that sound like capitalism to you? Then please tell me how that's not socialism.
100
Tobias Fedder @tfedder.de · 05/09/2026
Regarding Interop 2027, I was thinking about writing a proposal for `text-wrap-style:balance`. I had some issues with it in the past when adding line breaks. There are a few failing web-platform-tests left. But now that I’m playing with it to remember what’s so broken about it…
110
Reposted by Tobias Fedder
Scott Riley @scott.is · 04/09/2026
”it is not fair to suggest that *checks notes* ethnically cleansing the romani is not a valid idea. you cannot think that not supporting *double-checks notes* ethnically cleansing the romani makes you better than people who want to *makes sure i’ve got this right* ethnically cleanse the romani”
1163
Tobias Fedder @tfedder.de · 03/09/2026
Sooo, can issues be too small to qualify as an interop-proposal? For example, me wishing for just one additional web-platform-test to turn green in all three engines? wpt.fyi/results/css/...
wpt.fyi
web-platform-tests dashboard
000
Tobias Fedder @tfedder.de · 02/09/2026
Making some fixes to a modeless dialog. Me: Please NVDA, read it to me. NVDA: Sure thing, let me read the whole thing twice. Me: Oh, my bad, fixed it. Only heading and focussed button, please. NVDA: I see, I’ll announce heading and button, twice.
110
Tobias Fedder @tfedder.de · 30/08/2026
Darth Android makes me feel like EOL of Win10, except, unlike on desktop, on mobile I don’t know where to go.
000
Tobias Fedder @tfedder.de · 30/08/2026
WebAuthn Level 3 is a recommendation as of this week. I'm looking forward to it, especially signalling credential changes to authenticators, and nuanced hints for UAs. www.w3.org/TR/webauthn-3/
w3.org
Web Authentication: An API for accessing Public Key Credentials - Level 3
100
Reposted by Tobias Fedder
Alex Russell @infrequently.org · 25/08/2026
Cannot stress enough how little a brand must think of you to interrupt browsing to push a native app in the Year of Our Lord 2026. Embarrassing.
0144
Reposted by Tobias Fedder
Jake Archibald @jakearchibald.com · 25/08/2026
It's really weird that the response to JPEG XL shipping is "yesss fuck WebP!" Like, we've had AVIF for years, and it outperforms JPEG XL in almost all web use-cases.
261048
Tobias Fedder @tfedder.de · 24/08/2026
Element render delay – 16% of time to LCP 😎 …🤨 Time to first byte – 84% of time to LCP 😱 … …🤔 🤷
100
Tobias Fedder @tfedder.de · 24/08/2026
I think the new(-ish?) icon for private browsing in @firefox.com looks nice. Whoever did that: good job!
010
Reposted by Tobias Fedder
Mia [data-css=poetic] @miriam.codes · 18/08/2026
Sure sure, but counter point: an exact number of users (us) are users exactly like us. :) So keep that in mind too. And the users on your site might be different from the users on my site. There's no universal user, and they aren't entirely not me.
0122
Tobias Fedder @tfedder.de · 16/08/2026
I get that Iterator.prototype.createWrapperThatIfExhaustedEarlyMayKillTheGeneratorButLeavesIteratorsFromIterablesLiveExhaustAfter() would have been too long. But why is it called Iterator.prototype.take() ? _take()_ ???
001
Tobias Fedder @tfedder.de · 15/08/2026
I just noticed that Firefox splits ligatures in cases of conditional hyphenation (hyphens:auto; , &shy; ). My brain: look at me and my eye for detail! Checking Bugzilla: already reported 17 (SEVENTEEN) years ago. I noticed it TODAY. My eye for detail, lol.
010
Tobias Fedder @tfedder.de · 07/08/2026
I just want to remind everybody that "storing" personal data is one form of "processing" personal data under GDPR. see GDPR Art. 4 (2) Erasure is another one. Fun.
000
Reposted by Tobias Fedder
Jake Archibald @jakearchibald.com · 05/08/2026
This is great and highlights one of the most common mistakes developers make since became easier to server render framework sites - rendering buttons etc before the JS has loaded to make them work.
2264
Reposted by Tobias Fedder
daniel:// stenberg:// @bagder.mastodon.social.ap.brid.gy · 05/08/2026
Anyone using HTTP/2 server push with libcurl? If you use this feature in libcurl, please let us know. It is being deprecated all over, including in specs, browsers and servers and I believe the time has come for us to drop it from libcurl in the future as well. So I'm curious to know if anyone […]
mastodon.social
Original post on mastodon.social
01522
Tobias Fedder @tfedder.de · 04/08/2026
Working with CSS Grid (including Subgrid) I sometimes wish I could toggle gap-collapse for empty rows or columns. Nothing made it in here, one gap is fine, thank you. I am sure there would be horrible consequences for layout and comprehension (see margin collapse).
010
Tobias Fedder @tfedder.de · 31/07/2026
Based on the first module of the course, I am confident that the full course will be worth the full price. But if you‘ll buy it anyway, why not get it for less now? bsky.app/profile/miri...
032
Reposted by Tobias Fedder
Rachel Andrew @rachelandrew.co.uk · 31/07/2026
I'm thinking about how non-developers will feel about atproto. For example, will it take people by surprise that data entered into one app can show up somewhere else? More thoughts in this post.
rachelandrew.co.uk
How do we talk about atproto to non-developers? | Rachel Andrew
6437
Reposted by Tobias Fedder
Nathan Knowler @knowler.dev · 21/07/2026
My plea to implementers/spec folks is if you’re gonna make non-submit buttons do something without JS add some CSS hooks so we can hide them when those features aren’t available.
341
Reposted by Tobias Fedder
Nathan Knowler @knowler.dev · 21/07/2026
I love that we have focusgroup in Chrome… but again similar to invoker commands… there’s no good way to use it as a progressive enhancement without JS for feature detection.
273
Tobias Fedder @tfedder.de · 16/07/2026
Would someone be kind enough to tell me what the result of this code is in Safari? ```html <style> [hidden].unhide { display: revert; } </style> <h1 hidden class="unhide">Hidden?</h1> ``` Is the myth of "Separation of Concerns" in HTML, CSS, and JS, dead yet?
000
Tobias Fedder @tfedder.de · 04/07/2026
something nice
100
Tobias Fedder @tfedder.de · 03/07/2026
Turns out you can just save the glowing testimonials for after you buy the course. Truly a no-brainer.
042
Reposted by Tobias Fedder
Tobias Fedder @tfedder.de · 25/06/2026
Is the placement algorithm for grid lanes "wrong"? Is the auto-placement cursor helping or hurting the algorithm? drafts.csswg.org/css-grid-3/#... bsky.app/profile/matu...
drafts.csswg.org
CSS Grid Layout Module Level 3
001
Tobias Fedder @tfedder.de · 25/06/2026
Is the placement algorithm for grid lanes "wrong"? Is the auto-placement cursor helping or hurting the algorithm? drafts.csswg.org/css-grid-3/#... bsky.app/profile/matu...
drafts.csswg.org
CSS Grid Layout Module Level 3
001
Tobias Fedder @tfedder.de · 24/06/2026
Is there a 'NO-BREAK SPACE EXCEPT IF THE LINE IS TOO SHORT' character under a different name?
210
Reposted by Tobias Fedder
Patrick Brosset @patrickbrosset.com · 22/06/2026
Quick SVG survey 🗳️ What are your pain points with SVG? What features are missing? What bugs matter the most?
161613
Tobias Fedder @tfedder.de · 22/06/2026
Again? I hope the UK finds its Merlin Polzin soon.
110
Reposted by Tobias Fedder
Manuel Matuzović @matuzo.at · 20/06/2026
Pro tip: don't enable experimental features in the browser/profile you use for surfing. Use a dedicated browser/profile for that. It will save you from a lot of confusion.
1191
Tobias Fedder @tfedder.de · 17/06/2026
"Firefox users are not normal. They are deeply abnormal, and frankly a lot of them are proud of that." "Mozilla has a really terrible habit of trying to get rid of things that are successful." Damn. What a read. blog.unitedheroes.net/5751
blog.unitedheroes.net
Leaving Mozilla
> On burn-out and bull-headedness
000
Tobias Fedder @tfedder.de · 13/06/2026
Apparently it's `git commit --fixup` and `git rebase --autosquash` week again.
000
Tobias Fedder @tfedder.de · 13/06/2026
Seeing the functions behind my experimental fluid type scale, I still don't understand why this currently works for me. bsky.app/profile/tfed...
A graph plot showing five curves on an x,y coordinate system, representing my fluid type scale. The x-axis is labeled "Viewport Inline Size" and the y-axis is labeled "Font Size", showing the relationship between the viewport size and the resulting font size of the scale steps, both in rem. The lines stay horizontal below 13rem and above 150rem of viewport size, locking the scaling factor to 1.1 on very small viewports, and reaching a Perfect Fifth scale at very large viewports. In between these two values, the scale increases along a root function, characterized by a very steep initial increase.
000
Tobias Fedder @tfedder.de · 12/06/2026
Publishing a blogpost that contains a little bit of math? Realizing the math is off the following morning? Pulling the post and publishing a corrected version later that day? Who, me? 🤦‍♂️ tfedder.de/blog/scaling...
tfedder.de
Careful scaling of my heading sizes ⸺ tfedder.de
I built a fluid type scale for my headings, in a way that should consider the viewport and your preferred font size.
010
Tobias Fedder @tfedder.de · 09/06/2026
Hey you, do you have Firefox for Android and Firefox Focus installed on the same device? If so, do they use the same number of CSS pixels for the viewport? They differ on my device. So, now I am curious about that. Thanks.
200
Tobias Fedder @tfedder.de · 05/06/2026
ELI5: What is the benefit of pushing your site and your articles to your PDS, using the standard site lexicon? Well, except a bigger card, containing a button that does not lead to the post you wanted to share. I kinda get that.
120
Reposted by Tobias Fedder
Heather Buchel @heather-buchel.com · 01/06/2026
You know, maybe we shouldn't have let our industry start using the term "engineer". I feel like we are degrading that term more and more.
2484
Tobias Fedder @tfedder.de · 01/06/2026
Crazy idea: instead of showing wrong information before your JS has run, just show no information at all.
110
Tobias Fedder @tfedder.de · 31/05/2026
The <template for="x"> syntax of the experimental out-of-order streaming API looked promising. But it seems that I can't misuse it to deduplicate blocks of HTML. I am coming to the conclusion that it deserves its own solution anyway. I hope the [for] on <template> won't be exclusive for streaming.
Interleaved HTML streaming
Does it work at all?
Yes. 😎
Can it be misused to reuse blocks of HTML?
Nope. 😞<!DOCTYPE html>
<html lang="en">
<title>Interleaved HTML streaming</title>
<h1>Interleaved HTML streaming</h1>
<p>Does it work at all?</p>
<?start name="placeholder">
  <p>Nope. 😭
  <p>Try enabling Experimental Web Platform features chrome://flags/#enable-experimental-web-platform-features</p>
<?end>
<p>Can it be misused to <b>re</b>use blocks of HTML?
<?start name="placeholder">
  <p>Nope. 😞</p>
<?end>
<!--<footer>
  Now it doesn't work at all — because of <em>security???</em>
  Make sure to insert your template in an element that your placeholder is a descendant of.
-->
<template for="placeholder">
  <p>Yes. 😎</p>
</template>
110
Tobias Fedder @tfedder.de · 31/05/2026
Damn, taking another L. Despite hours of troubleshooting, laptop and dock canʼt complete the Thunderbolt4 handshake. I guess that part of the hobby is not coming back until Iʼm forced to buy a new ultrabook or something similar.
040