Martin Cid Magazine

Figma bets design and code will share a canvas. Cursor has $60 billion against it

At Config 2026, Figma introduced Code Layers, Figma Motion, and AI-generated shader effects — a set of changes that turn the ...
Tech Times

Figma Config 2026: Code Layers Challenge Cursor as GPU Shaders Hit Paid Plans

Figma Config 2026 closed Thursday with Code Layers for GitHub-linked canvas editing, Figma Motion in open beta with CSS and ...

Figma brings coding, motion design, and generative tools into a single canvas

The company’s latest updates add coding, motion design, custom AI tools, and workflow automation directly to the Figma canvas ...
51CTO

CSS 动画真的比 JS 快？Josh Comeau 做了组实验，结果跟直觉不一样

JS 动画慢的真正的原因只有一个：JS 动画跑在 main thread 上，跟应用里的所有其他 JS 抢 CPU。 做前端动画的，几乎都听过这句话："CSS 动画比 JavaScript 快，能用 CSS 就别用 JS。" 但很少有人追问：为什么快？快多少？JS 库有没有办法绕过这个瓶颈？ Josh W. Comeau ...
TechSpot

Developer rebuilds Doom using CSS and HTML, turning divs into a full 3D game engine

In a nutshell: Modern CSS has been pushed into some unusual places over the past few years, but few experiments stretch it as far as a fully playable version of Doom rendered entirely with HTML ...
来自MSN

Learn CSS Animation in 100 Seconds – Keyframes, Transitions & Timing

Learn the basics of CSS transitions and keyframe animations in 100 seconds What happened in fuel markets when Trump lifted the century-old Jones Act What we know about Trump’s July Fourth fireworks ...
Hacker

Creating Facial Expressions with CSS Animations

CSS animations are a powerful way to create captivating user experiences online, and their simple API makes the barrier of entry low, allowing beginners to leverage the power of animations with just a ...
51CTO

500 多个纯 CSS 实现的 Loading 效果，炫酷！

使用 clip-path 属性定义一个多边形裁剪路径，形状是一个从左上角到右下角的三角形。然后，使用动画关键帧@keyframes定义了一个名为"l2"的动画，在动画的关键帧定义中，根据时间的百分比，通过不断改变clip-path属性的值来实现裁剪路径的变化。 今天来分享 ...