Nils Riedemann's Avatar

Nils Riedemann

@nocksock.dev.bsky.social

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  |  Joined: 08.11.2024  |  2.0914

Latest posts by nocksock.dev on Bluesky

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 โ€” ๐Ÿ‘ 2    ๐Ÿ” 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 โ€” ๐Ÿ‘ 486    ๐Ÿ” 96    ๐Ÿ’ฌ 10    ๐Ÿ“Œ 11
Video thumbnail

Where have all the tech creators gone?

22.03.2025 04:28 โ€” ๐Ÿ‘ 731    ๐Ÿ” 116    ๐Ÿ’ฌ 55    ๐Ÿ“Œ 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 โ€” ๐Ÿ‘ 112    ๐Ÿ” 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

@nocksock.dev is following 20 prominent accounts