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've worked with Kylan O'Connor to put together a little dedicated Replicate model that gives you: - all the face images - a sprite/grid of all the faces - vanilla HTML, JS and CSS to render the effect - a preview video

fofr

76,435 subscribers

268,412 views • 8 months ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:

2020: All I need to learn is HTML, CSS, and JavaScript, some backend, and get a good job. Tech is the future. 2026:

JNS

21,825 views • 4 months ago

a true labor of love - welcome to my digital garden of the internet :) using raw html/css/js + an ungodly amount of coffee, i made my personal site a Single Page Application navigable with your number keys.

a true labor of love - welcome to my digital garden of the internet :) using raw html/css/js + an ungodly amount of coffee, i made my personal site a Single Page Application navigable with your number keys.

steve

20,759 views • 1 year ago

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

I used ChatGPT to create the Matrix in 49 lines of HTML/CSS/JS. Hard to believe this took just 5 mins.

Chris Stanchak

60,125 views • 2 years ago

The last two animations in addition to my fancomic dedicated to the stages of Hua Cheng's life🥰 A little later I will combine all 8 animations that I made together❤️ #tgcf

The last two animations in addition to my fancomic dedicated to the stages of Hua Cheng's life🥰 A little later I will combine all 8 animations that I made together❤️ #tgcf

malina

13,181 views • 5 days ago

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,466 views • 9 months ago

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

Do you know about the filter property in CSS? Among many other awesome options, it allows you to easily add a black and white effect on images.

andrej

160,869 views • 3 years ago

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:

We just launched Claude Sonnet 4.5 and “Imagine with Claude”, a 5-day preview that creates dynamic experiences for you in real-time (and the first product I’ve worked on at Anthropic!). It pioneers the concept of “model-as-backend”, using a model to not only generate interfaces on the fly but also power all the functionality behind it – all made possible by our newest model, Claude Sonnet 4.5. Here’s a "choose your own adventure" version of my founder journey, as retold by Imagine with Claude:

Sean Strong

115,687 views • 9 months ago

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

A 🔥 browser extension every CSS developer must have. CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇

Shefali

29,340 views • 1 year ago

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,511 views • 2 years ago

Andrew Wiggins on Warriors giving him a tribute video and standing ovation: “It was a great tribute, definitely meant a lot to see all the love in the building, all the excitement, all the old faces and everything that comes with it. It was great, it’s a moment I’ll cherish — you don’t get too many of these.” Happy for Wigs.

Andrew Wiggins on Warriors giving him a tribute video and standing ovation: “It was a great tribute, definitely meant a lot to see all the love in the building, all the excitement, all the old faces and everything that comes with it. It was great, it’s a moment I’ll cherish — you don’t get too many of these.” Happy for Wigs.

The HEAT Realm

90,123 views • 5 months ago

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery

Pablo Stanley

12,109 views • 1 year ago

The Joe Alt effect. Blocks two guys after a breakdown from the interior. Gives Justin Herbert a chance, and that is all the #Chargers need for an explosive play to Ladd McConkey.

The Joe Alt effect. Blocks two guys after a breakdown from the interior. Gives Justin Herbert a chance, and that is all the #Chargers need for an explosive play to Ladd McConkey.

Daniel Popper

257,138 views • 8 months ago

Excited to release a research preview of Feature Lab, a playground where you can sculpt images by editing their features. It uses a SAE to extract the sparse features from an image embeddings model, and allows us to finely sculpt and tweak images.

Excited to release a research preview of Feature Lab, a playground where you can sculpt images by editing their features. It uses a SAE to extract the sparse features from an image embeddings model, and allows us to finely sculpt and tweak images.

Gytis Daujotas

73,833 views • 2 years ago

We’ve put together a little video of #PikminBloom tips ✨ If you’ve already been playing for a while, please comment below to let us know how long, and share with the community additional tips and tricks that you wish you knew about when you first downloaded the app!

We’ve put together a little video of #PikminBloom tips ✨ If you’ve already been playing for a while, please comment below to let us know how long, and share with the community additional tips and tricks that you wish you knew about when you first downloaded the app!

Pikmin Bloom

21,846 views • 2 years ago

"We've got to put it all together. Starts with me, I've got to be better. We've got to play as a team and fight for all 48." - Mikal Bridges

"We've got to put it all together. Starts with me, I've got to be better. We've got to play as a team and fight for all 48." - Mikal Bridges

SNY Knicks

191,439 views • 2 months ago

👤: What's the first thing you and the members want to do when you all reunite? 🐹: I wanna go on a trip with the members! Before going to the military, one of the members really wanted to go on a trip together. 🐹: But we were all so busy. So I think that's why we couldn't go. But l'd love to do that, all together.

👤: What's the first thing you and the members want to do when you all reunite? 🐹: I wanna go on a trip with the members! Before going to the military, one of the members really wanted to go on a trip together. 🐹: But we were all so busy. So I think that's why we couldn't go. But l'd love to do that, all together.

bts memeories⁷

101,682 views • 1 year ago

Responsive grid layout using HTML and CSS 🚀

Responsive grid layout using HTML and CSS 🚀

David Mráz

100,843 views • 2 years ago

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

LAS91214

45,537 views • 1 month ago

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

dmytro

159,814 views • 1 year ago

did you know that with a few modifications, you can get the Ising model to simulate cells fighting to the death? one of my favorite side projects of all time:

did you know that with a few modifications, you can get the Ising model to simulate cells fighting to the death? one of my favorite side projects of all time:

Jamie Simon

63,062 views • 2 months ago