Hacker News: Aejkatappaja

New comment by Aejkatappaja in "Show HN: Davit, a Apple Containers UI"

Aejkatappaja — Wed, 08 Jul 2026 08:40:21 +0000

Looks nice!

Will give it a try, you won a star

New comment by Aejkatappaja in "Show HN: Jot, a menu bar app that catches a thought before it's gone"

Aejkatappaja — Wed, 08 Jul 2026 08:38:58 +0000

Nice, but genuinely curious vs a Raycast snippet: is local JSON + full-text search over history the real selling point? Because for quick capture Raycast already nails that.

New comment by Aejkatappaja in "Structure and Interpretation of Computer Programs Video Lectures (1986)"

Aejkatappaja — Wed, 08 Jul 2026 08:35:20 +0000

I always recommend these lectures, awesome!

New comment by Aejkatappaja in "Show HN: Phantom UI – Skeleton that measures your real DOM (Web Component, 8kb)"

Aejkatappaja — Thu, 09 Apr 2026 08:45:29 +0000

Thanks!

New comment by Aejkatappaja in "Show HN: Phantom UI – Skeleton that measures your real DOM (Web Component, 8kb)"

Aejkatappaja — Wed, 08 Apr 2026 22:00:03 +0000

Thanks, let me know how it goes!

New comment by Aejkatappaja in "Show HN: Phantom UI – Skeleton that measures your real DOM (Web Component, 8kb)"

Aejkatappaja — Wed, 08 Apr 2026 21:59:13 +0000

Thanks! Right now it relies entirely on getBoundingClientRect(), so if an element has no dimensions yet the block gets skipped.

For images/videos I added a load event listener that re-measures once the media loads and takes up space.

For elements that are truly dynamic with no initial size, the best workaround today is setting explicit dimensions via CSS (min-height, aspect-ratio, etc.) which is good practice for CLS anyway.

That said, something like data-shimmer-width / data-shimmer-height attributes to manually override sizing could work well for that use case.

Adding it to the backlog!

New comment by Aejkatappaja in "Show HN: Phantom UI – Skeleton that measures your real DOM (Web Component, 8kb)"

Aejkatappaja — Wed, 08 Apr 2026 21:42:25 +0000

Thanks! That's just how custom elements work in React, you use the HTML tag name directly.

React 19 has native custom element support so works as-is, no wrapper needed.

Keeping it as a single HTML tag across all frameworks is the whole point.

Show HN: Phantom UI – Skeleton that measures your real DOM (Web Component, 8kb)