Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

I made an interactive blog post about how JPEG image compression works:

Sophie Wang

1,280 subscribers

174,647 views • 3 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I've turned this into a blog post with an interactive visualization: "TurboQuant, or: why are random compression schemes often nearly as good as carefully-designed ones?". Link in reply.

I've turned this into a blog post with an interactive visualization: "TurboQuant, or: why are random compression schemes often nearly as good as carefully-designed ones?". Link in reply.

Alex Clemmer 🔥🔥🔥😅🔥🔥🔥

16,097 views • 3 months ago

Would anyone be interested in a semi-interactive blog post on how to build a lock-free, thread-safe ring buffer?

Would anyone be interested in a semi-interactive blog post on how to build a lock-free, thread-safe ring buffer?

Kit Langton

127,887 views • 1 year ago

i made an interactive logo and i can't stop playing with it

Hours

84,835 views • 1 year ago

RIP video studios! I just made a cinematic shot with nothing but 1 image + 1 prompt. Perfect motion. Perfect camera moves. Here’s how it works:

RIP video studios! I just made a cinematic shot with nothing but 1 image + 1 prompt. Perfect motion. Perfect camera moves. Here’s how it works:

Arsalan

462,990 views • 9 months ago

🧵How I made this interactive 3D scene with Blender and react-three-fiber

🧵How I made this interactive 3D scene with Blender and react-three-fiber

yasmin

145,085 views • 2 years ago

An interactive cards animation made in Rive.

An interactive cards animation made in Rive.

Alex Barashkov

25,246 views • 4 months ago

I've open-sourced my WebGPU shallow water simulator! There's a lot of code, but the core simulation is just about 50 lines of compute shader code. I'll probably write a blog post explaining how it works a bit later :)

I've open-sourced my WebGPU shallow water simulator! There's a lot of code, but the core simulation is just about 50 lines of compute shader code. I'll probably write a blog post explaining how it works a bit later :)

Nikita Lisitsa

62,754 views • 1 year ago

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 views • 1 year ago

this is how I image an average interaction between them

this is how I image an average interaction between them

vik

68,785 views • 1 year ago

cool interactive blog "Physically based rendering from first principles"

cool interactive blog "Physically based rendering from first principles"

dek

19,609 views • 10 months ago

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!

padphone

204,712 views • 1 year ago

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Today we have a fantastic masterclass by Edoardo Lunardi on creating an infinite, interactive image space! Learn how to create a pannable image canvas in R3F using chunk-based rendering and performance-first optimizations for buttery-smooth exploration:

Codrops

13,081 views • 5 months ago

3Dfy anything from a single image! Very thrilled to announce SAM 3D. From an input image, select any object you want, 3Dfy it! Blog: Demo:

3Dfy anything from a single image! Very thrilled to announce SAM 3D. From an input image, select any object you want, 3Dfy it! Blog: Demo:

Georgia Gkioxari

167,638 views • 7 months ago

How the keystone locks an arch together using compression, an ancient design still standing today.

How the keystone locks an arch together using compression, an ancient design still standing today.

Massimo

3,562,748 views • 3 months ago

An interactive movie made in Replit... Ummmmmmm.... What? by Gryun Kim

An interactive movie made in Replit... Ummmmmmm.... What? by Gryun Kim

Raymmar

104,723 views • 5 months ago

$Interactive article: How sync engines handle realtime lists. Regular arrays don't work in multiplayer, users overwrite each other's changes. You need to use an alternate system, fractional indexing—here's how it works. Link ↓$

Interactive article: How sync engines handle realtime lists. Regular arrays don't work in multiplayer, users overwrite each other's changes. You need to use an alternate system, fractional indexing—here's how it works. Link ↓

Chris Nicholas

44,185 views • 2 months ago

if I win, I'll write a detailed thread and a blog post explaining how to make this animation using javascript and threejs

if I win, I'll write a detailed thread and a blog post explaining how to make this animation using javascript and threejs

Sarlloc ✭

92,165 views • 1 year ago

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”

Kimi Product

78,572 views • 5 months ago