iiinova — where your digital self keeps evolving

Hannes @joknoll.de · 01/10/2026

any recommendations for svelte resizeable panes libraries?

Hannes @joknoll.de · 04/09/2026

I want to build an interactive product walkthrough / guided onboarding tour for a SvelteKit app. Has anyone done this before and has tips how to do this or recommendations for packages?

110

Hannes @joknoll.de · 30/08/2026

Wuchale or Paraglide for SvelteKit i18n?

220

Hannes @joknoll.de · 28/07/2026

Software Engineering is so over, AI so smart it even forgets a simple noindex. But even then noindex seems like a obscure method to hide public chats, aren't there better ways? the-decoder.com/shared-claud...

the-decoder.com

Shared Claude chats were reportedly showing up in search engines

Shared conversations with Anthropic's Claude chatbot briefly appeared in Google search results because the pages lacked a noindex tag. Users said some chats contained crypto keys and legal questions. ...

000

Hannes @joknoll.de · 18/06/2026

The shell is my coding harness

000

Hannes @joknoll.de · 15/04/2026

A Svelte attachment for binding keyboard shortcuts to DOM elements. npmx.dev/package/svel...

npmx.dev

svelte-attach-key - npmx

A Svelte attachment for binding keys to DOM elements

0112

Reposted by Hannes

Adam Argyle @nerdy.dev · 12/04/2026

Why does AI suck at front-end? 🗑️ trained on garbage 👀 it can't see ❓ it doesn't know why 🏞️ no environmental control there's no human v20.2.1 to target. we're a LLM combinatorial explosion ⤷ nerdy.dev/why-ai-sucks...

The left panel is titled AI - MASTER OF ENGINE & CREATION and features a sophisticated, human-like android robot with detailed internal circuits and a glowing brain. Floating text around the robot says - REWRITING GAME ENGINES with a small video screen, GENERATING REALISTIC VIDEO/IMAGES with code on a screen, and CONFIDENCE - 100%. The right panel is titled AI - FRONT-END CSS FAIL and shows a cluttered desk with a distressed small robot next to a frustrated human man pointing aggressively at a computer screen. The computer displays a chaotic webpage full of broken layout elements and a giant black void called a gaping hole. The small robot has a speech bubble that says - I'M DONE! THE FEATURE IS COMPLETE. Floating text phrases on the right side are - BESPOKE INTERACTION NIGHTMARE, CSS IS HARD, YOU'RE ABSOLUTELY RIGHT, CAN'T RENDER, LLM CAN'T MATH. The human has a mug with </> and nerdy.dev written on it.

1013527

Hannes @joknoll.de · 05/04/2026

svelte.dev/docs/kit/$ap... (nice) I just wanted to resolvify my entire SvelteKit app, but how can I use this with my sidebar, where I have a list of objects { label: string, href: string}[] and then create an each loop with an <a href={resolve(item.href)}> (This yields a type error rn)

svelte.dev

$app/paths • SvelteKit Docs

$app/paths • SvelteKit documentation

210

Hannes @joknoll.de · 02/04/2026

How do you structure SvelteKit components/ directory? I really like the structure in astro with src/{assets,components,layouts,etc.}. But in svelte I seem to always dump everything into components/ without further structure.

220

Hannes @joknoll.de · 30/03/2026

I recently watched a talk of Rich Harris about Svelte remote functions and somewhere near the end I remember he mentioned using them with pglite. Does anyone know thr talk and what the idea behind this is? Probably some local copy of the db so no network is needed?

000

Hannes @joknoll.de · 24/03/2026

Building a svelte library with tsdown from @voidzero.dev is really a breeze :) With some minor tweaks I got the bundle size of my library down from 4.88kB to 2.60 kB, which is *very* lightweigt compared to svelte-sound. npmx.dev/compare?pack... github.com/joknoll/svel...

github.com

GitHub - joknoll/svelte-attach-sound: Add sound effects to svelte components.

Add sound effects to svelte components. Contribute to joknoll/svelte-attach-sound development by creating an account on GitHub.

051

Hannes @joknoll.de · 24/03/2026

Day 1 of my holy war against mobile horizontal overflow: On deno deploy I think these three buttons are breaking the viewport @deno.land (I'm on a pixel 6)

Deno deploy with horizontal overflow caused by three buttons

000

Hannes @joknoll.de · 23/03/2026

After using @joshwcomeau.com's course site, I really enjoyed the small sound effects on some elements (for example the sound of a light switch on the dark mode toggle :) So I to rebuilt his react [use-sound](www.joshwcomeau.com/react/announ...) hook as a svelte attachment npmx.dev/package/svel...

npmx.dev

svelte-attach-sound - npmx

A Svelte attachment for binding sound playback to DOM events using Howler.js

1120

Hannes @joknoll.de · 23/03/2026

Built a small library for Svelte to attach hotkeys to buttons (or any other onclickable elements) Svelte Attachments are so nice to build with :) npmx.dev/package/svel...

npmx.dev

svelte-attach-key - npmx

A Svelte attachment for binding keys to DOM elements

020

Hannes @joknoll.de · 12/03/2026

I think @sveltiacms.app is the perfect fit for static astro sites. So I built a small integration for @astro.build that injects sveltia. For example my personal site uses joknoll.de/cms. And then provides a loader to load the sveltia collection into a astro. npmx.dev/package/astr...

npmx.dev

astro-loader-sveltia-cms - npmx

Sveltia CMS integration for Astro

210

Hannes @joknoll.de · 12/03/2026

I did it! Finally got my site into a state, where playing around with features and fiddling with styles isnt't the only thing I spend time on 😂 So now here comes my first small test post ... with a praise to the indie web :) joknoll.de/blog/hello-w...

joknoll.de

Hello World! - A first post introducing this personal site and why having your own corner of the web still matters. • Johannes Knoll

A first post introducing this personal site and why having your own corner of the web still matters.

030