Nils Riedemann's Avatar

Nils Riedemann

@nocksock.dev

I build interfaces for the web. Working as a freelance senior consultant web platform engineer with 20 years of experience and happy to go for 20 more. Now: #elixir, #web-components, #design-systems, #css

120
Followers
82
Following
74
Posts
08.11.2024
Joined
Posts Following

Latest posts by Nils Riedemann @nocksock.dev

So, we're full circle and back at the Frontpage/Dreamweaver era, right?

09.05.2025 11:50 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Rarely have I been *this* enraged about this kind of decision. With all the - highly infectious - passion you put into your work, I can barely imagine how devastating this must feel.

Someone at Google messed up big fucking time and I sincerely hope you'll find another way/place to do what you did.

12.04.2025 11:21 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

"imagination is not illegal, expression is sacred"
- ai bro who didn't imagine shit and expressed nothing.

28.03.2025 19:59 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

According to this new plan, we will now have a delay of merely 75minutes.

Which almost twice the time it would’ve taken me by car to where I am right now. After 4.5h of trΓ€velling wis deutsche bahn.

πŸ˜‚

25.03.2025 14:41 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Classic traveling with DB.

Train got cancelled. So: major reroute. ~30min after that new train left the station, it stopped between stations: issues with the tracks. Notification: delay 112min.

Now thistrain is taking a detour *via the station I came from.*

Can’t make that shit up.

25.03.2025 14:23 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

It’s funny how Discord seems to have some kind of heuristics for when to install updates.

Opened it this morning: No updates.

Opened it just now, on a train: TIME FOR UPDATES!

25.03.2025 10:29 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Screenshot of CSS Form Control Styling Level 1 First Public Working Draft web standard from the W3C's CSS Working Group

Screenshot of CSS Form Control Styling Level 1 First Public Working Draft web standard from the W3C's CSS Working Group

There it is! Finally, a real solution for how to style all of the HTML form controls using your own custom CSS to change anything β€”Β building on an interoperable UA set of defaults.

First, styling the in-page part of controls + the popover for <select>. (Later we’ll do popovers for more things.)

21.03.2025 23:21 πŸ‘ 482 πŸ” 96 πŸ’¬ 10 πŸ“Œ 11
Video thumbnail

Where have all the tech creators gone?

22.03.2025 04:28 πŸ‘ 721 πŸ” 115 πŸ’¬ 49 πŸ“Œ 47

Hono

22.03.2025 08:24 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Gray text on a black background that reads Bigger. The 2 g's are white and the tails of the g's are combined. Underneath it in small text reads Discretionary Ligatures.

Gray text on a black background that reads Bigger. The 2 g's are white and the tails of the g's are combined. Underneath it in small text reads Discretionary Ligatures.

This is the funniest ligature I've ever seen

21.03.2025 18:52 πŸ‘ 111 πŸ” 11 πŸ’¬ 8 πŸ“Œ 0

Video export completed!

18.03.2025 07:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Screenshot of FreeCAD showing a model of a Yarn Winder Spool. The Interface is made much cleaner and more modern by an extension called Open Preferences - which is not visible.

Screenshot of FreeCAD showing a model of a Yarn Winder Spool. The Interface is made much cleaner and more modern by an extension called Open Preferences - which is not visible.

Same!

I started with fusion and moved to FreeCAD. It's way more keyboard-user friendly, more customisable and less of a resource hog than fusion.

Highly recommend installing the OpenPreferences though, which makes the UI actually bearable.

It's has its quirks, but every tool has those anyway :D

14.03.2025 10:23 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

My question would be: when being math-curious, is it a good route to take as a dev? Or does dev-experience not quite matter?
Does it require deeper math knowledge?

14.03.2025 07:38 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

CSS functions make this type of shenanigans SO much easier - and kinda addictive. Love 'em!

All from a single element, no JS.

codepen.io/nocksock/pen...

13.03.2025 22:32 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

fixed!

13.03.2025 20:12 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
a group of men are sitting around a table with one of them saying one of us ! Alt: Scene from "The Wolf of Walls Street", the main cast is sitting around a table chanting "one of us"!
13.03.2025 19:15 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

btw heads up: there'll be a proper update in ~3 weeks - with like, actual features. :)

13.03.2025 19:11 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Oh! I hadn't checked that in a while. That's extremely broken for me as well. Weird! I'll push a quick fix later!

Thanks for letting me know!

13.03.2025 19:11 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

German makes this rather clear: β€œzweckentfremden” (use for a purpose it wasn’t meant for; literally purpose-enstranging; utilize) vs β€œbenutzen” (use).

That’s kinda how I always remember the difference between the too.

12.03.2025 17:29 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

ngl I often think that clamp is lerp and then I’m sad it isn’t.

12.03.2025 13:35 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
CSS function defintiion for --sibling-factor() and --lerp()

CSS function defintiion for --sibling-factor() and --lerp()

I feel like I'll use these two a *lot* in coming experiments.
So convenient!

codepen.io/nocksock/pen...

11.03.2025 17:35 πŸ‘ 18 πŸ” 2 πŸ’¬ 1 πŸ“Œ 1

I didn’t know this was coming! This is awesome! πŸ‘

11.03.2025 07:28 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I love that β€œsine in” has a sine wave below β€œsine”. Such attention to detail!

11.03.2025 07:26 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Screenshot of a part of iOS Safari’s context menu that says β€œClose All 500 Tabs”

Screenshot of a part of iOS Safari’s context menu that says β€œClose All 500 Tabs”

It’s that time of the year again.

01.03.2025 08:55 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

[scene int. mozilla board room]

P1: We're in a tough spot. We need fresh ideas. Let's start by reading our mission statement: We are a priva–

P2: I just had the best idea (closes techcrunch tab in Chrome), what if we do an AI ad platform on demand gig economy vpn powered by crypto streaming platfo

28.02.2025 16:07 πŸ‘ 28 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

If I saw these at an artisans market, I’d buy a couple for my assortment of ceramic and stoneware. 😍

27.02.2025 08:52 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Correct!

25.02.2025 21:40 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

NICE.

Just a tad too late to be part of Interop 2025. 🀞for 2026! I'm still gonna use and explore it a bunch regardless.

25.02.2025 13:46 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "allowJs": true,
    "checkJs": true,
    "noEmit": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitAny": false,
  }
}

{ "compilerOptions": { "target": "esnext", "module": "esnext", "allowJs": true, "checkJs": true, "noEmit": true, "forceConsistentCasingInFileNames": true, "strict": true, "noImplicitAny": false, } }

Best kind of tsconfig:

25.02.2025 13:40 πŸ‘ 7 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

However I do think bsky and the AT protocol currently has the best tools/mechanics to handle this sensibly and transparently.

They'll figure it out sooner or later. After all, it's been just a year after public launch.

25.02.2025 11:35 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0