Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

fofrAI's profile picture

fofr

80,021 subscribers

268,780 Aufrufe • vor 9 Monaten •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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,965 Aufrufe • vor 5 Monaten

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.
0:11

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 Aufrufe • vor 1 Jahr

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
0:17

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

15,757 Aufrufe • vor 1 Monat

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.
0:18

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,484 Aufrufe • vor 10 Monaten

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.
0:10

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,876 Aufrufe • vor 3 Jahren

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:
0:17

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,693 Aufrufe • vor 10 Monaten

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):
0:10

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,527 Aufrufe • vor 2 Jahren

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.
0:17

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,157 Aufrufe • vor 7 Monaten

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
0:16

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 Aufrufe • vor 1 Jahr

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.
0:17

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,295 Aufrufe • vor 10 Monaten

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!
0:17

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 Aufrufe • vor 2 Jahren

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.
0:12

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 Aufrufe • vor 2 Jahren

"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
0:15

"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,555 Aufrufe • vor 3 Monaten

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:
0:14

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,317 Aufrufe • vor 3 Monaten

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`
0:11

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

160,361 Aufrufe • vor 1 Jahr

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.
0:18

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

47,037 Aufrufe • vor 2 Monaten