Nooshu

This is really cool, I've recently been vibe coding a 2D Fractal Renderer, mainly for experimentation on what modern API's in the browser can do! I plan to write a blog post all about it “soon”. For anyone interested, you can find it here: https://fractals.world/

Whole host of his videos are on Youtube, many hours worth:

https://www.youtube.com/watch?v=YnH7cw0ql1I https://www.youtube.com/watch?v=v74p0djZ_zc https://www.youtube.com/watch?v=9g-bFr9qjDo https://www.youtube.com/watch?v=T00zEt1-3VA https://www.youtube.com/watch?v=am9e2Gq1jt4 https://www.youtube.com/watch?v=DPKvT52ZUi8 https://www.youtube.com/watch?v=r2rE5YIyoc0

*Other videos*

- [Fred Dibnah laddering a chimney (Part 1)](https://www.youtube.com/watch?v=F04dGK1_wYA) - [Fred Dibnah laddering a chimney (Part 2)](https://www.youtube.com/watch?v=E-a27xwcLfU) - [Fred Dibnah How to climb a chimney overhang at 50+](https://www.youtube.com/watch?v=3R3-YwDZrzg) - [Fred Dibnah How to erect a chimney scaffold](https://www.youtube.com/watch?v=6W_7uIapoHc) - [Fred Dibnah Tribute (2004)](https://www.youtube.com/watch?v=nI4_OSS5F7k)

I'd be very careful recommending this method for loading webfonts. By Base64 encoding your fonts into a CSS file you are adding 1000's of bytes into a browsers critical path (since CSS is render blocking). You are also removing the browser ability to choose the most optimum font it supports (i.e. one with better compression like WOFF2). Requests are cheap, especially when using HTTP/2 (which multiplexes over a single TCP connection).

If you do use this method, I highly recommend testing both the standard loading method vs Base64 method on a low spec device (e.g. Moto G4 via WebPageTest) and seeing which performs best for your website.

This method used to be used on GOV.UK until we removed it 18 months ago. I wrote about the change here if you are interested: https://technology.blog.gov.uk/2018/10/04/making-gov-uk-page...