WebGL

And they do this to bypass standard cookie blockers, right? If you tell your browser to block tracking cookies, AliExpress just uses the silent audio trick to track your device anyway.

Alongside scraping data like your canvas rendering and WebGL, yeah.

Let's break those down too, because they operate on the same principle as the audio tracking, don't they?

They do.

Canvas and WebGL are graphical rendering tools in your browser.

Tracking scripts will ask your browser to draw a hidden, complex 3D shape or a specific line of text completely off-screen.

Off-screen, so again, I never see it.

But I mean, it shows that you had fun playing with these stuff.

So that's using WebGL or what's the thing that you're using? Are you using WebAssembly there?

It was WebGL, yes.

yeah um experimented different things and it was um super interesting and some of them were really kind of resource hungry and some weren't it was just finding that balance between finding something that that that's fun but also um didn't wasn't too complicated let's say um and doing it open source it was great for people to make suggestions i mean they wanted a a file uploader someone contributed so they didn't have to copy and paste in they could do a file uploader some people suggested also having having steps so therefore as it goes through the steps um well maybe that's not made to slide in it's probably a bit easier but going through the steps it would actually um kind of look more animated as it would go through the steps which i thought was uh quite interesting i suppose simplify this the animation a bit but yeah it was definitely good fun i have to have a look at the one that you mentioned as well because that sounds um yeah really really interesting

And it also, I mean, it does the whole like optimization of the generated GIF as well, like basically making sure that actually, that it's as small as possible, because there was this big thing as well that people, we always had the issue, like, how do we display source code? we either just play it in a pre-tag with like with like as source code then it's kind of accessible but then again a screen reader user doesn't want to read every character of that code as well and then we had the problem that to color code it we have to put spans around it like like hell now there is this range css thing as well and dave rupert just released the thing yes last week that did the rounds heavily because it's actually not using any spans or any diffs or anything in it because it just uses the css engine itself to colorize the different parts of it Then, of course, I mean, in slides, I did screenshots and basically showed them.

If people have to go through huge code things, to just get started, then basically simplify the API and bundle it up in something else, and then give people a source code repo to fork instead of just copy and paste tons of stuff from your documentation.

I remember when Brackets came out, the first text editor inside HTML, so you can actually start editing things in there.

And that was basically then, and now it's just a normal thing to take HTML, live HTML, project it onto Canvas, project it into WebGL, and do these fancy bits with it.