Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

A diagram with various nodes and connectors? Yes, doable with pure CSS. Another demo powered by modern features! Regardless of the node's position, the connectors will adjust their shape and position for optimal connection 👀

CSS by T. Afif

14,095 subscribers

11,611 Aufrufe • vor 2 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,201,004 Aufrufe • vor 6 Monaten

💡CSS Tip! Connecting two circles with an arrow is good, but it's even better if we can calculate and show the distance inside the arrow! 👀 Another cool demo powered by the future of CSS.

💡CSS Tip! Connecting two circles with an arrow is good, but it's even better if we can calculate and show the distance inside the arrow! 👀 Another cool demo powered by the future of CSS.

CSS by T. Afif

25,843 Aufrufe • vor 7 Monaten

a 3D CSS breakdown of what's happening 🤙 the trick is background-image layers powered by the same custom property for position and size then that's combined with a background-clip combo ✂️

a 3D CSS breakdown of what's happening 🤙 the trick is background-image layers powered by the same custom property for position and size then that's combined with a background-clip combo ✂️

jhey ʕ•ᴥ•ʔ

46,885 Aufrufe • vor 1 Jahr

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: via CodePen.IO ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

CSS by T. Afif

36,412 Aufrufe • vor 7 Monaten

The best foundation to position your product right now: - MCP server with OAuth - Claude and ChatGPT connectors - APIs and SDKs - Chat interfaces like iMessage and WhatsApp - A dashboard that uses the same MCP layer - Open source

The best foundation to position your product right now: - MCP server with OAuth - Claude and ChatGPT connectors - APIs and SDKs - Chat interfaces like iMessage and WhatsApp - A dashboard that uses the same MCP layer - Open source

Pontus Abrahamsson

30,272 Aufrufe • vor 4 Monaten

The Cut tool in PrusaSlicer just got much better!✂ You can now cut models by a generally oriented plane, rotate and position it with precision and even add aligning pins/connectors easily. A public build of PrusaSlicer 2.6 coming soon! #3Dprinting #PrusaSlicer

The Cut tool in PrusaSlicer just got much better!✂ You can now cut models by a generally oriented plane, rotate and position it with precision and even add aligning pins/connectors easily. A public build of PrusaSlicer 2.6 coming soon! #3Dprinting #PrusaSlicer

Prusa3D

179,100 Aufrufe • vor 3 Jahren

Newly discovered video showcases new features coming soon to the #Roblox Avatar Editor, including the ability to refine your head's shape and style, and adjust the position, rotation, and size of accessories on your avatar's body.

Bloxy News

870,338 Aufrufe • vor 3 Jahren

Introducing 20+ connectors powered by MCP and a fully controllable Memory in Le Chat—making it one of the most connected and relevant AI assistants for enterprises and consumers. Why switch to Le Chat? A 🧵

Introducing 20+ connectors powered by MCP and a fully controllable Memory in Le Chat—making it one of the most connected and relevant AI assistants for enterprises and consumers. Why switch to Le Chat? A 🧵

Mistral AI

292,706 Aufrufe • vor 11 Monaten

you can stack elements with css grid/subgrid by giving them the same grid position 🧑‍🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇

you can stack elements with css grid/subgrid by giving them the same grid position 🧑‍🍳 this scroll track window is a great use case for css grid + position: sticky catch the 3D breakdown 👇

jhey ʕ•ᴥ•ʔ

128,908 Aufrufe • vor 8 Monaten

You can now run apps within powered by MCP Apps. Analyze data, edit tickets, draft messages, generate diagrams and more with Claude's interactive connectors. Grateful to our team, the open source community, and our partners for this launch 🚀

You can now run apps within powered by MCP Apps. Analyze data, edit tickets, draft messages, generate diagrams and more with Claude's interactive connectors. Grateful to our team, the open source community, and our partners for this launch 🚀

Sean Strong

132,536 Aufrufe • vor 7 Monaten

Blender 5 introduces a new and improved Sky Texture. This makes it easy to animate sunsets for example. By using the Sun Position extension that comes with Blender, we can more intuitively and realistically adjust the sun position. #Blender #B3D #Blender3D

Blender 5 introduces a new and improved Sky Texture. This makes it easy to animate sunsets for example. By using the Sun Position extension that comes with Blender, we can more intuitively and realistically adjust the sun position. #Blender #B3D #Blender3D

Jan van den Hemel

13,508 Aufrufe • vor 9 Monaten

Leclerc gained a position on Hamilton by going off track and didn't return it. The stewards should enforce the rules regardless of team affiliation or internal battles for position. #F1 #Formula1

Leclerc gained a position on Hamilton by going off track and didn't return it. The stewards should enforce the rules regardless of team affiliation or internal battles for position. #F1 #Formula1

Missed Apex Podcast

28,068 Aufrufe • vor 10 Monaten

Introducing Connectors—a new way to build apps and automations that integrate seamlessly with the tools you already use every day 🚀 🧩 Connectors make it effortless to extend your apps with services like Google , Dropbox , HubSpot , Linear , Notion , asana, Slack and more—without the hassle of managing credentials or reinventing integrations from scratch. More details in 🧵

Introducing Connectors—a new way to build apps and automations that integrate seamlessly with the tools you already use every day 🚀 🧩 Connectors make it effortless to extend your apps with services like Google , Dropbox , HubSpot , Linear , Notion , asana, Slack and more—without the hassle of managing credentials or reinventing integrations from scratch. More details in 🧵

Replit ⠕

171,389 Aufrufe • vor 10 Monaten

To anyone feeling neglected by Adobe after they snubbed After Effects in the Claude connectors announcement: Claude in AE has been possible for a while with Atom, and it honestly rocks

To anyone feeling neglected by Adobe after they snubbed After Effects in the Claude connectors announcement: Claude in AE has been possible for a while with Atom, and it honestly rocks

Davey

39,318 Aufrufe • vor 3 Monaten

Meet the DJI Matrice 4 Series, a next-gen series of compact industrial drones. Powered by AI and equipped with the latest flagship features, they excel in various industries, including surveying, inspection, and more. Learn more 👉

Meet the DJI Matrice 4 Series, a next-gen series of compact industrial drones. Powered by AI and equipped with the latest flagship features, they excel in various industries, including surveying, inspection, and more. Learn more 👉

DJI

49,400 Aufrufe • vor 1 Jahr

I built an open source Meteora DLMM position simulator! This is a great tool for LPers to see how price action on a position will affect the impermanent loss and total value of the position. You can check it out the live demo here: Enjoy!

I built an open source Meteora DLMM position simulator! This is a great tool for LPers to see how price action on a position will affect the impermanent loss and total value of the position. You can check it out the live demo here: Enjoy!

GeekLad

14,376 Aufrufe • vor 11 Monaten

David Ortiz: “#RedSox didn't disrespect Devers. He disrespected himself. He comes to #SpringTraining out of shape and being the 3B with the worst defense, they sign a Gold Glove and he won't accept another position”. #SFGiants #MLB

David Ortiz: “#RedSox didn't disrespect Devers. He disrespected himself. He comes to #SpringTraining out of shape and being the 3B with the worst defense, they sign a Gold Glove and he won't accept another position”. #SFGiants #MLB

Marino Pepén

584,715 Aufrufe • vor 1 Jahr

Microsoft is working on new Connectors for Copilot, Coco mode and email assistant! Coco mode is a new chat option labelled as "Warm and intuitive" where users will be able to "Chat with Coco about life stuff". Copilot therapy 👀

Microsoft is working on new Connectors for Copilot, Coco mode and email assistant! Coco mode is a new chat option labelled as "Warm and intuitive" where users will be able to "Chat with Coco about life stuff". Copilot therapy 👀

🚨 AI News | TestingCatalog

32,379 Aufrufe • vor 10 Monaten

3. Click on the "+" in the chat bar and select Connectors and you will see the Scite Connector enabled. Now if you ask a question, Claude will answer it with reference to papers in the Scite database. No hallucinations, no fake references.

3. Click on the "+" in the chat bar and select Connectors and you will see the Scite Connector enabled. Now if you ask a question, Claude will answer it with reference to papers in the Scite database. No hallucinations, no fake references.

Mushtaq Bilal, PhD

12,917 Aufrufe • vor 5 Monaten