Andreas Kling's banner

Andreas Kling

@awesomekling • 61,533 subscribers

building @ladybirdbrowser. recovering addict. husband of @katalinkult. uncle. gymnasium brother.

Shorts

Browsers should do CSS layout off the main thread! 🤓 Top left: Ladybird (work in progress) Others: Chrome, Safari, Firefox

Browsers should do CSS layout off the main thread! 🤓 Top left: Ladybird (work in progress) Others: Chrome, Safari, Firefox

61,823 Aufrufe

Text animations running while JavaScript blocks in 1.5 second bursts. Top left: Ladybird with new multi-threaded CSS engine 🤓

Text animations running while JavaScript blocks in 1.5 second bursts. Top left: Ladybird with new multi-threaded CSS engine 🤓

23,900 Aufrufe

Work in progress, but this is so fucking cool I just have to share.. I'm moving the entire CSS pipeline off the main thread in Ladybird. This allows us to animate any CSS properties we want and they just keep going smoothly despite heavy JS execution! Video demo is animating a bunch of flex and grid layouts while JS churns on the main thread. Same demo in Chrome for comparison. Welcome to the future, bros 😎

Work in progress, but this is so fucking cool I just have to share.. I'm moving the entire CSS pipeline off the main thread in Ladybird. This allows us to animate any CSS properties we want and they just keep going smoothly despite heavy JS execution! Video demo is animating a bunch of flex and grid layouts while JS churns on the main thread. Same demo in Chrome for comparison. Welcome to the future, bros 😎

35,774 Aufrufe

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.

Handling CSS :hover off the main thread! This is a work in progress but I love this so much, I just have to share it! 🤓 Ladybird on the left, Chrome on the right. The demo runs JS for 250ms repeatedly, to simulate a busy page.

12,883 Aufrufe

I moved CSS transform and opacity animations off the main thread in Ladybird and I just love it so much 🤩 Now we can chew on all that JS framework bloat while elements fade in and fly around smoothly!

I moved CSS transform and opacity animations off the main thread in Ladybird and I just love it so much 🤩 Now we can chew on all that JS framework bloat while elements fade in and fly around smoothly!

25,453 Aufrufe

My Saturday project: make HEY load faster in Ladybird 👋🚀 Got it down from ~1 s to ~400 ms with two changes: - Our HTTP cache now supports heuristic freshness lifetime (per RFCs 9110 & 9111) - We delay rendering until we have all CSS imports (no more FOUC!)

My Saturday project: make HEY load faster in Ladybird 👋🚀 Got it down from ~1 s to ~400 ms with two changes: - Our HTTP cache now supports heuristic freshness lifetime (per RFCs 9110 & 9111) - We delay rendering until we have all CSS imports (no more FOUC!)

97,646 Aufrufe

After some Saturday night debugging, I finally got Google Sheets running in Ladybird 🤓🧮 It's glitchy and unstable, but this is solid progress! Been told many times over the years that "you'll never get complex stuff like Google Docs running" lmao 😄

After some Saturday night debugging, I finally got Google Sheets running in Ladybird 🤓🧮 It's glitchy and unstable, but this is solid progress! Been told many times over the years that "you'll never get complex stuff like Google Docs running" lmao 😄

56,504 Aufrufe

Got that Three.js running downright nicely in Ladybird 🤩

Got that Three.js running downright nicely in Ladybird 🤩

43,924 Aufrufe

sometimes life will rain balls on you

sometimes life will rain balls on you

10,809 Aufrufe

Initial work on video support in the Ladybird browser (by trflynn89) 🐞🌍📺 No 3rd party video codecs of course, this is using our own VP9 implementation (by Zaggy1024 and FalseHonesty) I can't get over how cool this is! 🤓🤩😍

Initial work on video support in the Ladybird browser (by trflynn89) 🐞🌍📺 No 3rd party video codecs of course, this is using our own VP9 implementation (by Zaggy1024 and FalseHonesty) I can't get over how cool this is! 🤓🤩😍

16,519 Aufrufe

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Diablo running at full framerate (20 fps) in Ladybird 😈 (This was running at 11 fps yesterday, but after some optimization work and a setInterval() fix, we're gaming like it's 1997! 👴)

Diablo running at full framerate (20 fps) in Ladybird 😈 (This was running at 11 fps yesterday, but after some optimization work and a setInterval() fix, we're gaming like it's 1997! 👴)

93,048 Aufrufe • vor 10 Monaten

We switched all our network requests in Ladybird to be unbuffered, which means we can now see ChatGPT responses incrementally as they come in! Props to Alexander Kalenik for fixing this (and all the bugs it uncovered)!

We switched all our network requests in Ladybird to be unbuffered, which means we can now see ChatGPT responses incrementally as they come in! Props to Alexander Kalenik for fixing this (and all the bugs it uncovered)!

83,690 Aufrufe • vor 11 Monaten

Watching twitch clips in Ladybird kinda works! Performance needs more work (slow load, tons of frame drops, etc) but man this is pretttttttty cool 😃

Watching twitch clips in Ladybird kinda works! Performance needs more work (slow load, tons of frame drops, etc) but man this is pretttttttty cool 😃

37,847 Aufrufe • vor 8 Monaten

First instance of a YouTube video playing in Ladybird! And with sound, too! 🤯🐞 This is with MediaSource disabled, so it's using the 360p h.264 MP4 fallback. Props to Lubrsi who just got this working tonight!

First instance of a YouTube video playing in Ladybird! And with sound, too! 🤯🐞 This is with MediaSource disabled, so it's using the 360p h.264 MP4 fallback. Props to Lubrsi who just got this working tonight!

60,541 Aufrufe • vor 1 Jahr

Watching movie trailers on IMDb with Ladybird 🐞🎞️ (Had to fix some SVG and CSS bugs for this to look as nice as it does. Have to fix a lot more things for performance to be good enough.. 😅)

Watching movie trailers on IMDb with Ladybird 🐞🎞️ (Had to fix some SVG and CSS bugs for this to look as nice as it does. Have to fix a lot more things for performance to be good enough.. 😅)

37,325 Aufrufe • vor 1 Jahr

Did you ever wonder who invented browser tabs? 🤔🌐 Turns out it was a little browser called InternetWorks by BookLink Technologies! BookLink was later acquired by AOL. I tracked down version 70(!) of InternetWorks and got it running on Windows 95. The default home page is delightfully "90s web design", and it came with a bunch of recommended web sites to visit. This was before CSS, but the browser actually allowed you to change the style of each individual HTML tag. I tested this feature in the video and even ran into a bug (changing H1 to a font with different metrics keeps using the old metrics until you reload the page!) 😅

Did you ever wonder who invented browser tabs? 🤔🌐 Turns out it was a little browser called InternetWorks by BookLink Technologies! BookLink was later acquired by AOL. I tracked down version 70(!) of InternetWorks and got it running on Windows 95. The default home page is delightfully "90s web design", and it came with a bunch of recommended web sites to visit. This was before CSS, but the browser actually allowed you to change the style of each individual HTML tag. I tested this feature in the video and even ran into a bug (changing H1 to a font with different metrics keeps using the old metrics until you reload the page!) 😅

73,478 Aufrufe • vor 3 Jahren

Two days later, and Quake 2 is already looking wayy better in Ladybird (Wasm + WebGL2) 😎🔥

Two days later, and Quake 2 is already looking wayy better in Ladybird (Wasm + WebGL2) 😎🔥

37,712 Aufrufe • vor 1 Jahr

Working on putting Ladybird networking on top of curl (cc daniel:// stenberg://) 🐞🥌 Massive speed-up compared to our old HTTPS stack (that we built from scratch for SerenityOS). Uncached load of my For You page goes from 38 sec to 8 sec! 🤓🚀

Working on putting Ladybird networking on top of curl (cc daniel:// stenberg://) 🐞🥌 Massive speed-up compared to our old HTTPS stack (that we built from scratch for SerenityOS). Uncached load of my For You page goes from 38 sec to 8 sec! 🤓🚀

33,246 Aufrufe • vor 2 Jahren

Playing Om Nom (HTML version) in Ladybird 🐞🔪🪢 I remember being very impressed when this came out back in 2012(?). It felt like the web was finally gonna fill the shoes of Adobe Flash! Getting it to run in our new browser 13 years later, I'm once again impressed, but this time by our team for making it not only run, but run well! 🤓🌠

Playing Om Nom (HTML version) in Ladybird 🐞🔪🪢 I remember being very impressed when this came out back in 2012(?). It felt like the web was finally gonna fill the shoes of Adobe Flash! Getting it to run in our new browser 13 years later, I'm once again impressed, but this time by our team for making it not only run, but run well! 🤓🌠

19,460 Aufrufe • vor 1 Jahr

how it started / how it's going

how it started / how it's going

12,744 Aufrufe • vor 1 Jahr

We're working on WebGL support in Ladybird and it's progressing nicely.. In fact, Lubrsi just got Shadertoy working! 🤩🤯

We're working on WebGL support in Ladybird and it's progressing nicely.. In fact, Lubrsi just got Shadertoy working! 🤩🤯

14,797 Aufrufe • vor 1 Jahr

First look at Figma running inside Ladybird! 🎨🤓 Bottom left window is Ladybird, top right is Chrome. There are numerous correctness and stability issues but we'll work our way through them! Video from Lubrsi who fixed a million WebGL issues to make this happen 🫡🚀

First look at Figma running inside Ladybird! 🎨🤓 Bottom left window is Ladybird, top right is Chrome. There are numerous correctness and stability issues but we'll work our way through them! Video from Lubrsi who fixed a million WebGL issues to make this happen 🫡🚀

11,846 Aufrufe • vor 1 Jahr

While I have Solaris 7 up & running, let's also take a look at Amaya, an old web browser/editor from the W3C itself. 🤓🌐✍️ Amaya existed for many years but was sadly discontinued in 2012. More history here: Here's a clip of me using Amaya 4.0 for Solaris, released in Nov 2000. At the end, I press Ctrl+X, Ctrl+S, which is the save shortcut. That's what causes the right (HTML source) window to synchronize.

While I have Solaris 7 up & running, let's also take a look at Amaya, an old web browser/editor from the W3C itself. 🤓🌐✍️ Amaya existed for many years but was sadly discontinued in 2012. More history here: Here's a clip of me using Amaya 4.0 for Solaris, released in Nov 2000. At the end, I press Ctrl+X, Ctrl+S, which is the save shortcut. That's what causes the right (HTML source) window to synchronize.

12,900 Aufrufe • vor 3 Jahren

Keine weiteren Inhalte verfügbar