@Jackywine: 个人觉得，世界最顶级的网页效果教程分享社区： https://tympanus.net/codrops/ Design Engineer 一定不能错过的！ 前端开发+视觉设计的最终交汇点！ 比如，这里是之前 @wenhaoqi 个人主页的…

X AI KOLs Timeline 新闻
web-effects tutorials design-engineering front-end visual-design open-source

摘要

该推文推荐Codrops为世界顶级网页效果教程分享社区，强调前端开发与视觉设计的结合，并分享了多个技术解析文章。

个人觉得，世界最顶级的网页效果教程分享社区： https://tympanus.net/codrops/ Design Engineer 一定不能错过的！ 前端开发+视觉设计的最终交汇点！ 比如，这里是之前 @wenhaoqi 个人主页的技术解析文章，作者亲自写背后的那些技术细节和设计思路： https://tympanus.net/codrops/2026/08/15/inside-haoqi-design-letting-dom-and-webgl-share-a-retro-futurist-stage/…
查看原文
查看缓存全文

缓存时间: 2026/08/21 03:04

个人觉得，世界最顶级的网页效果教程分享社区： https://tympanus.net/codrops/ Design Engineer 一定不能错过的！ 前端开发+视觉设计的最终交汇点！ 比如，这里是之前 @wenhaoqi 个人主页的技术解析文章，作者亲自写背后的那些技术细节和设计思路： https://tympanus.net/codrops/2026/08/15/inside-haoqi-design-letting-dom-and-webgl-share-a-retro-futurist-stage/…

Codrops | Fueling web creativity since 2009

Source: https://tympanus.net/codrops/

Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU

byRobert Aperios

Relighting Images with Depth Maps and Three.js

byDominik Fojcik

Building an Animated Testimonial Hero in Webflow Using the GSAP Timeline and Dynamic CMS Data

Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data

byJonas Arleth

Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story

byOFF+BRAND

Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage

byHaoqi

From Motion to Meaning: Denis Avramenko’s Approach to Interactive Design

byDenis Avramenko

Creating an Interactive 3D Cluster with Three.js, TSL and Three Start

byFrancesco Michelini

Creative Hub

A growing showcase of Codrops originals and hand-picked demos from the creative web.

https://tympanus.net/codrops/hub/

Webzibition

💎✨ Discover fresh gems in our handpicked exhibition of over 2,000 standout websites that caught our eye.

Case Studies

Discover the ideas, design, and craft behind today’s most inspiring web experiences.

Learn with Tutorials

Level up your front-end skills with practical, step-by-step tutorials.

相似文章

@GitHub_Daily: 看到一个好看的网站想照着做，光提取配色、字体、间距就得翻半天 CSS。 SkillUI 给它一个网址，能把整套设计系统自动扒下来。 配色、字体、间距、动画、组件截图，打包成 Claude Code 能直接读的 Skill。 GitHub：…

X AI KOLs Timeline

SkillUI 是一个命令行工具，可以从任意网站提取完整的设计系统，包括配色、字体、间距、动画和组件截图，并打包成 Claude Code 可直接读取的格式，帮助快速复刻网站的视觉风格。