Back to top

🌱 A Shortcut for lite-youtube-embed

YouTube embeds take up way too much on a site - so luckily someone has made lite-youtube-embed.

“Renders faster than a sneeze.”

Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224× faster.

First you have to include some CSS and JS on your site. 1 And then when you want to embed a video, you could just add this piece to your post/page:

<lite-youtube videoid="CItvhGl__Mk" playlabel="Play: Beatenberg - Wheelbarrow (Official Music Video)"></lite-youtube>

This will embed the video, but over 200x faster - nice!


However, you have to manually add the videoid and the video title.

And they’ve also made a variant named “Pro-usage: load w/ JS deferred (aka progressive enhancement)”, which I think is even more optimised. But then you have to add all of this:

<lite-youtube videoid="CItvhGl__Mk" params="controls=0&rel=0&enablejsapi=1" style="background-image: url('https://i.ytimg.com/vi/CItvhGl__Mk/sddefault.jpg');">
  <a href="https://www.youtube.com/watch?v=CItvhGl__Mk" class="lty-playbtn" title="Play Beatenberg - Wheelbarrow (Official Music Video)">
    <span class="lyt-visually-hidden">Play Video: Beatenberg - Wheelbarrow (Official Music Video)</span>
  </a>
</lite-youtube>
That’s a lot of manual work for each video!

Read More

Why I Don’t Love Web Apps

And a call for help

I absolutely get why companies make web apps instead of native apps. Why juggle tons of platforms and languages if you don’t have to? Furthermore, being on the web makes you free from platform gatekeepers!

It can also benefit users, by giving the same experience everywhere, making more software cross-platform and accessible on more niche platforms, and more.

And if a developer has 100 hours to develop a client for their service, the user experience very well might be better if they spent all of it on a web app, instead of spending 25 hours on four different native clients.

There’s also a bunch of terrible native (or “native”) apps. One example is phone apps that simply are terrible web wrappers that just want to be able to track and notify you more than they can in a web browser. 1

A bar chart that compares software quality of &lsquo;Web apps&rsquo; and &lsquo;Native apps’. There are bad and great apps of both kinds, but the ceiling of the latter is higher.

When I say that I prefer native apps, I don’t mean that there are no great web apps (like Figma) or bad native apps. My point is that the ceiling of the latter is higher, and that all the best apps I’ve tried are native.

Read More

Chromium and Nested Backdrop-Filters

If you’re like me, you sometimes get these small (often technical) problems, that you work on for so long — and you refuse to surrender.

I had this with CSS a couple of months ago:

I had a menu, that had transparency and blur, and then I also had a submenu that I wanted to have the same. But the submenu just. wouldn’t. blur!

It works perfectly in Gecko and WebKit — but after countless hours, I found the problem: If an element has a backdrop-filter, Chromium won’t let its children have it as well. 1

I had to design around it, and moved on with my life.

A few moments later…

I recently moved to Micro.blog. And one day I was scrolling down my timeline…

Scrolling the timeline, with a picture of a great sunset making a nice blur below the header.
Ooh, look at that nice blur!

Then I opened the submenu:

When opening the submenu, you can see that the blur effect isn't on it - so that you see way too much of the text beneath.
Motherføcker!

There it was — the same bug! I’m not alone!

The fix

Read More

✉️ 🌱 To SigmaOS’ CEO: This Is What I Don’t Like About Arc’s Direction

I really, really like the Arc browser. But as I alluded to in this post, I have some reservations regarding it, and don’t feel like it’s going in a direction that I like. In the post, I said that I might try SigmaOS again — and I am. 1

I mentioned this in their community Slack, and their CEO, Mahyad, asked me what about Arc’s direction I don’t like. I must say, the dev team seems very active, nice, and open to input! So this post is my reply to his question.

(And here’s a link straight to the TL;DR at the bottom.)


Hi, Mahyad — and thanks for asking! I wrote a blog post called «I Just Want A Nice Browser!», which might give you a hint, heh.

And let me also say that I’m a bit worried about your direction as well — but I’ll come back to that. 😉

Two fundamentals I don’t love, but that I don’t need to go too much into

  1. I don’t love that Arc is built on Chromium — as I think Google has more than enough power over the web as it is.
  2. I’m not against supporting any VC funded company — but in combination with an unclear business model, I become more skeptical and worried if our incentives align. 2

My main issue, though, is regarding AI

Read More

The Prettiest Voice Since Allison Krauss

Lenke til norsk versjon

I’m testing Tidal these days, and wanted to test the audio quality vs. Spotify. I happened to stumble upon a new track by an artist I like during testing, so that was the first track I tested. 1 And holy føck if this isn’t one of the most beautiful things I’ve ever heard:

Read More

I Just Want a Nice Browser!

Two sad browser stories

I’ve followed the Spicy Takes™️ surrounding the Arc Browser recently, that started in the Ruminate podcast and went on to the MacStories Weekly Issue 408.

And I agree with most of what John Voorhees is saying, and also Matt Birchler, who said: «The Browser Company feels gross to me right now».

Much of it is about ethics and AI. In general I agree with them, but this subject won’t be the focus of this post. (I’ve written more about AI here and here.)

Instead I’ll tell my browser story, and explain why both Arc and Firefox makes me sad.

Read More

← Newer Posts Older Posts →