正在加载视频...

视频加载失败

返回首页

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 👀

ChallengesCss's profile picture

CSS by T. Afif

14,095 subscribers

11,611 次观看 • 22 天前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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🤩
0:36

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,200,935 次观看 • 4 个月前

💡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.
0:22

💡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,687 次观看 • 6 个月前

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 ✂️
0:30

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,837 次观看 • 1 年前

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

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 次观看 • 6 个月前

BREAKING 🚨: Anthropic released Connectors directory with loads of curated MCPs. Figma, Notion, Stripe and loads of other connectors are now available, including desktop-specific MCPs for the Claude macOS app.
0:39

BREAKING 🚨: Anthropic released Connectors directory with loads of curated MCPs. Figma, Notion, Stripe and loads of other connectors are now available, including desktop-specific MCPs for the Claude macOS app.

TestingCatalog News 🗞

29,129 次观看 • 11 个月前

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

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 次观看 • 3 个月前

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

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,082 次观看 • 3 年前

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

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

869,884 次观看 • 2 年前

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana
3:20

New in Figma Make: connectors Visualize PRDs and tasks with the help of @notionHQ, @atlassian, Linear, and asana

Figma

101,130 次观看 • 9 个月前

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 🧵
1:01

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,204 次观看 • 10 个月前

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 👇
0:27

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,603 次观看 • 7 个月前

You can now connect real tools like Gmail, Spotify, and Notion to your app with zero setup. I tested Replit’s new Connectors by building a vibe dashboard from one prompt - and it worked. Build apps & automations on top of your data with Connectors 👇
0:49

You can now connect real tools like Gmail, Spotify, and Notion to your app with zero setup. I tested Replit’s new Connectors by building a vibe dashboard from one prompt - and it worked. Build apps & automations on top of your data with Connectors 👇

Johanne | AI Tools & News

15,073 次观看 • 9 个月前

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

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 次观看 • 7 个月前

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 🚀
0:31

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,465 次观看 • 5 个月前

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

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

27,977 次观看 • 8 个月前

I’ve created procedural generators of ICs and connectors using geometry nodes. Due to the large number of different packages of ICs and connectors, it might be better to generate their models as and when needed rather than storing an unlimited number of unique 3D models. Also using the new hobby mat material from Chipp Walters #b3d #geometrynodes #blender3d #electronics #engineering #science #kicad #circuits #pcbdesign #manufacturing #technology #3dmodeling
1:12

I’ve created procedural generators of ICs and connectors using geometry nodes. Due to the large number of different packages of ICs and connectors, it might be better to generate their models as and when needed rather than storing an unlimited number of unique 3D models. Also using the new hobby mat material from Chipp Walters #b3d #geometrynodes #blender3d #electronics #engineering #science #kicad #circuits #pcbdesign #manufacturing #technology #3dmodeling

Sam M

50,726 次观看 • 1 年前

Browns GM Andrew Berry said the Browns were considering three players with their first pick - Fano, Tate, ???? “Was it an offensive tackle or another position? It was another position” 👀👀👀👀 FULL INTERVIEW:
0:24

Browns GM Andrew Berry said the Browns were considering three players with their first pick - Fano, Tate, ???? “Was it an offensive tackle or another position? It was another position” 👀👀👀👀 FULL INTERVIEW:

ESPN Cleveland

196,075 次观看 • 2 个月前

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 🧵
0:46

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,313 次观看 • 9 个月前