Browser hacking: Using external SVG files as images

[@mariocamspam72]

The Shopify site is being milked dry, and we're here for it

[@truckinWyoming460]

Oh man I'm so glad for all these :-) Andreas you don't know how much I've missed having your content. It's what I use while I'm working and also while I'm recreationally programming. Glad you're back :-)

[@relakin]

It'd be really cool to see a video of you working on the rasterizer!

[@perotubinger]

Ok, you got me hooked again. You cannot make me withdraw from coding-by-proxy viewing your videos instead of coding myself cold turkey as you did the last time. ❤

[@your_utube]

😀 This is so funny!

[@Entarra]

You're spoiling us with all of these fun videos :) Not complaining though! Watching these have been a great push to get back to my own silly programming projects, plus it's been facinating seeing how the insides of a browser work (I do mostly JS)

[@driedurchin]

The tuple site looks great now, I don't think I see any noticeable defects!

[@amyp9209]

All these uploads feels like Christmas has come early

[@MrEnsiferum77]

Andreas Kling builds whole browser from scratch, me also for the same period of time: Why is useEffect is firing two times? Man I feel so desperate, how much time I'm losing on my daily job for nothing.

[@polearm123]

Loving the interactions with copilot in these videos. Your monologue when reasoning about the code and talking to copilot is very similar to my internal monologue when programming which makes me feel very cozy :)

[@Hexeption]

Oh I would love to see you try and get the globe to work

[@nezu_cc]

It's all coming together

[@victordiez6841]

Do you ever get tired of being one the best programmers ? 'Cause I don't get tired of watching.

[@MrSmokedTurkey]

Love the chapters you add to the videos

[@StevenHokins]

That is indeed so cool! ❤

[@staswisniewski4101]

Is there any chance for another round of fixme roulette?

[@your_utube]

Amazing stuff

[@pilifx]

You might fix it later, but around 1:29 you made a mistake when calculating the intrinsic aspect ratio. You always have the fake 350x150 intrinsic width and height values to go by, so you never look at the viewbox.

[@r0ns3n]

First of all, thanks for that content. Great to watch. Wouldn't it be easier to replace the image element with the svg inside the dom?

[@awesomekling]

That would be observable from JavaScript, and wouldn't match the way other browsers behave. It would also introduce security issues since the SVG could introduce scripts that would run in the containing document.

[@r0ns3n]

​@@awesomekling Yeah true, I didn't thought about XSS. But in Chrome it looks like the image element will be replaced with SVG. In source code is an image element and in dev tools the SVG.

[@0xAA55_]

my GF said: Why are you watching handsome squidward program?

[@jesikat]

Heh, yes, SGML => HTML, and SGML => XML => SVG. That extra bit in the middle makes it more strict ;-) And XHTML never ended up being a successful successor to HTML...

[@solcloud]

❤

[@gazehound]

does discord use this?

[@awesomekling]

I'm not sure! Discord has a lot of inline SVG content directly embedded in HTML, but it's possible they use SVG-as-image somewhere as well

[@L4ky13]

What happened to the Jakt language?

[@thislooksfun1]

It's still being worked on, but it's not quite ready to start being used in SerenityOS.

[@masonthedunce3711]

Hi:)

[@relakin]

I feel like in the future, you're gonna kick your own butt for not going along with the spec for this, haha.

[@awesomekling]

AFAIK there is no spec that describes exactly how this should work. Some things in the web platform are "implementation defined" which means you have to come up with your own way to achieve the expected outcome :)

[@-lolus-]

1 view , 3 comments ? hmmm 🤔

[@nezu_cc]

also known as: caching is hard

[@frostythesnowmang]

I like the content but the mic needs some work, it's peaking and distorted all over the place in this video

gen z: serves c**t andreas: serves code

[@mariocamspam72]

Aggressive much?