TIL: there is an equivalent of `requestAnimationFrame` for videos : `requestVideoFrameCallback`, called for each video frame.
Could be useful to... automatically re-render a WebGL shader when a video texture is played \o/
| GitHub | https://github.com/jsulpis |
| https://x.com/jsulpis | |
| BlueSky | https://bsky.app/profile/jsulpis.dev |
TIL: there is an equivalent of `requestAnimationFrame` for videos : `requestVideoFrameCallback`, called for each video frame.
Could be useful to... automatically re-render a WebGL shader when a video texture is played \o/
No surprise here, I would rather write code than tweets 😅
Just found this little app, what are your stats ?! 💬⬇️
(don't take that too seriously of course)
yet another developer on MacOS 🙄
I forgot two things last time:
- always use `overflow: auto` instead of `overflow: scroll` unless you specifically want a scrollbar even when there is no scroll
- if you have a dark mode, use `color-scheme: dark` to have dark scrollbars
New performance optimization on my reveal.js slide deck :
- replace the 3 code snippets I had with screenshots
- remove the highlight.js plugin
- reduce the weight of the main script by 92% 😅
The plugin loads all languages, I opened an issue to allow loading specific languages
I investigated performance issues with the reveal.js slide deck of my latest talk, and I turns out that each slide change created like 1500 DOM nodes 😳
I ended up with ~100k DOM nodes at the end... I guess every layout/style recalculation was taking forever.
solution:
After a little break, I'm back in the #WebGL game ! Working on color science for my next talk 🎨
Here is a little HSV cone (links below):