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.

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。

Viking

66,200 subscribers

44,493 Aufrufe • vor 5 Monaten •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

这是使用实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。

这是使用实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。

oil-oil

23,973 Aufrufe • vor 2 Monaten

用 Kimi.ai 重新设计了一下自己的网站，尤其是将我产品的 logo 的 svg 做了微动画的调整之后，让我感觉效果很棒。朱红色 + 一个 “印” 字足以把东方美学与硅谷的极简主义结合到了极致

Evan Long

21,967 Aufrufe • vor 8 Monaten

用 Opus 5.5 做游戏结算动画，也很不错! 原来它生成的是 2D 的 SVG 图标，后来让它改成了这种 3D 的效果，更丰富了，还优化了一下光效之类的表现这是第一个宝箱版本，后面还有个徽章版本

用 Opus 5.5 做游戏结算动画，也很不错! 原来它生成的是 2D 的 SVG 图标，后来让它改成了这种 3D 的效果，更丰富了，还优化了一下光效之类的表现这是第一个宝箱版本，后面还有个徽章版本

歸藏(guizang.ai)

146,321 Aufrufe • vor 18 Tagen

好漂亮的动效：现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。这种特别克制的设计可以让整个网站的风格大大加分。作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

好漂亮的动效：现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。这种特别克制的设计可以让整个网站的风格大大加分。作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

Viking

45,339 Aufrufe • vor 5 Monaten

一个前端实用小工具：Tegaki —— 任意字体的手写动画库可把任意字体变成逐笔手写动画的 JS 库。不需要手动绘制路径，不需要原生依赖，选好字体就能用。试了下，用在落地页标题文字动效，个人网站签名展示，手写风格的 UI 装饰等的场景还是蛮不错的👍

一个前端实用小工具：Tegaki —— 任意字体的手写动画库可把任意字体变成逐笔手写动画的 JS 库。不需要手动绘制路径，不需要原生依赖，选好字体就能用。试了下，用在落地页标题文字动效，个人网站签名展示，手写风格的 UI 装饰等的场景还是蛮不错的👍

知识分享官

18,324 Aufrufe • vor 4 Monaten

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是：大家可以感受一下这个设计效果

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是：大家可以感受一下这个设计效果

Viking

36,958 Aufrufe • vor 7 Monaten

这个网站可以用可视化的方式来学习 TypeScript 基础类型和概念：每种 type 都有一系列的示例帮助学习，非常适合 ts 的初学者，而且这网页和交互做的也太漂亮了啊！ extends 的这个图好棒，而且每个切换还有声音，算是一个小小的艺术品。

这个网站可以用可视化的方式来学习 TypeScript 基础类型和概念：每种 type 都有一系列的示例帮助学习，非常适合 ts 的初学者，而且这网页和交互做的也太漂亮了啊！ extends 的这个图好棒，而且每个切换还有声音，算是一个小小的艺术品。

Viking

33,977 Aufrufe • vor 11 Monaten

用了一段时间的 Pixel，对 iOS 的列表滚动甚是想念，于是跟 ktiays 一起把整个 UIScrollView 的滚动效果移植到了 Android。这可能是目前能找到的最好的开源实现，希望明年如果有国产手机厂商抄的话可以给个 acknowledgement（

用了一段时间的 Pixel，对 iOS 的列表滚动甚是想念，于是跟 ktiays 一起把整个 UIScrollView 的滚动效果移植到了 Android。这可能是目前能找到的最好的开源实现，希望明年如果有国产手机厂商抄的话可以给个 acknowledgement（

Cyandev

71,294 Aufrufe • vor 3 Jahren

可灵1.6设置了nsfw内容回避，这种舔鞋的我试了好几次都做不到，以下是效果最好的一个的倒放。😂快手还钱！

可灵1.6设置了nsfw内容回避，这种舔鞋的我试了好几次都做不到，以下是效果最好的一个的倒放。😂快手还钱！

獨自懵逼

19,898 Aufrufe • vor 1 Jahr

这张海报，连文字和排版都是 AI 一起生成的！ Ming-Image-0.1-Design 这次的出图效果挺惊艳，标题、主视觉和配色已经搭成了一张完整海报，拿来做设计初稿很合适。它是 inclusionAI 的 6B 文生图模型，官方重点面向 UI、信息图、海报这类带文字和版式的设计。我这次选了一张科技风海报来试，正好能一起看文字、构图和材质。我通过 OpenRouter API 生成了下面这张 2048×2048 的图，几个地方可以直接看。 1、标题有主次。指定的 AI DESIGN FLOW 放在上方，字号够大，下面接一行小字，第一眼就知道该看哪里。 2、三张卡片有关系。输入、界面、图层用箭头串在一起，能顺着画面看懂这个流程。 3、整体风格比较统一。深色背景配蓝紫色发光边框，卡片的玻璃质感也做出来了，做科技类内容的封面很合适。这次提示词里，我提前写了三张卡片分别放什么、标题用哪些字，也交代了配色和留白。想让它出一张能用的设计稿，这些具体要求很值得写进去。不过它也多加了没要求的底部英文，正式用之前还得检查文字。这次只试了英文标题，中文长段落的效果还没测。视频里的动效是后期做的。我的建议是，拿一张你正好要做的封面来试，把用途、标题和主体位置写清楚，让它先出初稿，再改具体细节，别只给一句“做得高级一点”。

这张海报，连文字和排版都是 AI 一起生成的！ Ming-Image-0.1-Design 这次的出图效果挺惊艳，标题、主视觉和配色已经搭成了一张完整海报，拿来做设计初稿很合适。它是 inclusionAI 的 6B 文生图模型，官方重点面向 UI、信息图、海报这类带文字和版式的设计。我这次选了一张科技风海报来试，正好能一起看文字、构图和材质。我通过 OpenRouter API 生成了下面这张 2048×2048 的图，几个地方可以直接看。 1、标题有主次。指定的 AI DESIGN FLOW 放在上方，字号够大，下面接一行小字，第一眼就知道该看哪里。 2、三张卡片有关系。输入、界面、图层用箭头串在一起，能顺着画面看懂这个流程。 3、整体风格比较统一。深色背景配蓝紫色发光边框，卡片的玻璃质感也做出来了，做科技类内容的封面很合适。这次提示词里，我提前写了三张卡片分别放什么、标题用哪些字，也交代了配色和留白。想让它出一张能用的设计稿，这些具体要求很值得写进去。不过它也多加了没要求的底部英文，正式用之前还得检查文字。这次只试了英文标题，中文长段落的效果还没测。视频里的动效是后期做的。我的建议是，拿一张你正好要做的封面来试，把用途、标题和主体位置写清楚，让它先出初稿，再改具体细节，别只给一句“做得高级一点”。

小墨同学

28,791 Aufrufe • vor 12 Tagen

我没有GPT 5.6-Sol 的模型不过我花了一个小时，用完了五个小时的额度，测试了一下GPT 5.6-Terra 的前端能力，效果还是非常不错的，特别是处理抠图的时候非常牛逼我让它给我做了一个网页：可互动式的三国人物关羽卡片，鼠标拖拽卡片的时候既有镭射的效果，也有景深和透视的效果各位看官老爷们是否想体验一下？我费点功夫把它做成一个三国人物卡片的展览网站如何？

我没有GPT 5.6-Sol 的模型不过我花了一个小时，用完了五个小时的额度，测试了一下GPT 5.6-Terra 的前端能力，效果还是非常不错的，特别是处理抠图的时候非常牛逼我让它给我做了一个网页：可互动式的三国人物关羽卡片，鼠标拖拽卡片的时候既有镭射的效果，也有景深和透视的效果各位看官老爷们是否想体验一下？我费点功夫把它做成一个三国人物卡片的展览网站如何？

小奇说

45,865 Aufrufe • vor 3 Monaten

今年我认为最佳的网页设计：太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

今年我认为最佳的网页设计：太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

Viking

69,762 Aufrufe • vor 1 Jahr

用 NFC 贴纸来辅助蓝牙设备快速连接非常好用，这段时间我们做了一个方案，在 Exergen 蓝牙额温枪里面贴了一张很小的 NFC 贴纸，这样一台 Android 设备就可以快速与多个蓝牙设备通过各自的 NFC 标签来快速切换连接，看看视频中的效果：

用 NFC 贴纸来辅助蓝牙设备快速连接非常好用，这段时间我们做了一个方案，在 Exergen 蓝牙额温枪里面贴了一张很小的 NFC 贴纸，这样一台 Android 设备就可以快速与多个蓝牙设备通过各自的 NFC 标签来快速切换连接，看看视频中的效果：

LE

107,221 Aufrufe • vor 3 Jahren

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀！官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀！官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。

雪踏乌云

48,569 Aufrufe • vor 3 Monaten

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界可以制作全景动画效果这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可网站链接：

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界可以制作全景动画效果这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可网站链接：

千寻｜AI 分享 🌸

41,196 Aufrufe • vor 3 Jahren

有人在之前推文里问像这样的数字人是怎么做的，推荐 HeyGen 这款数字人产品。它可以选择不同的数字人，套用不同的模板，生成各种演说类的视频口型准确，效果还是很逼真的，如果你不会的话，也可以找我。 🔗 #AIgirl #aitools

有人在之前推文里问像这样的数字人是怎么做的，推荐 HeyGen 这款数字人产品。它可以选择不同的数字人，套用不同的模板，生成各种演说类的视频口型准确，效果还是很逼真的，如果你不会的话，也可以找我。 🔗 #AIgirl #aitools

Cellier

132,176 Aufrufe • vor 3 Jahren

Distil-Whisper：让语音识别的速度提高 5.8 倍，参数减少 51%，准确度保持在 99%。 Whisper 在语音识别方面表现卓著，但是它有一个明显的缺点：训练出来的小模型支持的语言比较少，而大模型推理速度又很慢。如果你有海量的数据需要处理，或者对实时性要求略高，那使用 Whisper 可能会让你比较头疼。你可以使用工程手段来加速推理，例如将语音分片后并发处理然后合并结果，但这里涉及到本地计算资源瓶颈的问题，以及合并分片时容错处理的问题，工程复杂度比较高。《Distil-Whisper: Robust Knowledge Distillation via Large-Scale Pseudo Labelling 》， Whisper 的 Large-v2 model 生成了一系列的 soft targets（也就是概率分布），然后复制 Whisper 网络的第一层和最后一层解码器，最后生成了一个更小、更快效果更好的蒸馏模型 Distil-Whisper。论文数据写的是：速度提高了 5.8 倍，参数减少了 51%，准确度保持在 99%。这个模型的效果之所以不错，主要还是得益于训练数据的完备，它结合了九个公开可用的语音识别数据集，合并后包含 21170 小时的语音数据，涵盖超过 18260 名说话者和 10 个不同的领域；自从 Whisper 大力出奇迹（它从互联网爬取了 68w 小时的数据，未公开）以后，相信后续语音领域的论文都会配置更庞大的数据集。 Distil-Whisper 目前开源在 Hugging Face 上，模型地址： Demo： Demo 会把模型下载到本地，然后通过 WebGPU 直接在网页上跑起来，测试了下效果，还是挺不错的。目前仅支持英文，如果想让它支持中文，需要使用同样海量的中文语料数据，重新做一次知识蒸馏，但我觉得即便是这样做，效果也不一定好，因为 Whisper 本身对中文、韩语等支持就不太优秀，这个信息可以从 Whisper 的论文中找到数据支撑。下面这个视频是 Whisper 和 Distil-Whisper 的对比效果：

Distil-Whisper：让语音识别的速度提高 5.8 倍，参数减少 51%，准确度保持在 99%。 Whisper 在语音识别方面表现卓著，但是它有一个明显的缺点：训练出来的小模型支持的语言比较少，而大模型推理速度又很慢。如果你有海量的数据需要处理，或者对实时性要求略高，那使用 Whisper 可能会让你比较头疼。你可以使用工程手段来加速推理，例如将语音分片后并发处理然后合并结果，但这里涉及到本地计算资源瓶颈的问题，以及合并分片时容错处理的问题，工程复杂度比较高。《Distil-Whisper: Robust Knowledge Distillation via Large-Scale Pseudo Labelling 》， Whisper 的 Large-v2 model 生成了一系列的 soft targets（也就是概率分布），然后复制 Whisper 网络的第一层和最后一层解码器，最后生成了一个更小、更快效果更好的蒸馏模型 Distil-Whisper。论文数据写的是：速度提高了 5.8 倍，参数减少了 51%，准确度保持在 99%。这个模型的效果之所以不错，主要还是得益于训练数据的完备，它结合了九个公开可用的语音识别数据集，合并后包含 21170 小时的语音数据，涵盖超过 18260 名说话者和 10 个不同的领域；自从 Whisper 大力出奇迹（它从互联网爬取了 68w 小时的数据，未公开）以后，相信后续语音领域的论文都会配置更庞大的数据集。 Distil-Whisper 目前开源在 Hugging Face 上，模型地址： Demo： Demo 会把模型下载到本地，然后通过 WebGPU 直接在网页上跑起来，测试了下效果，还是挺不错的。目前仅支持英文，如果想让它支持中文，需要使用同样海量的中文语料数据，重新做一次知识蒸馏，但我觉得即便是这样做，效果也不一定好，因为 Whisper 本身对中文、韩语等支持就不太优秀，这个信息可以从 Whisper 的论文中找到数据支撑。下面这个视频是 Whisper 和 Distil-Whisper 的对比效果：

Barret李靖

124,482 Aufrufe • vor 2 Jahren

给Fable 5一句话：写一个单文件HTML，做一个逼真的随风飘动的美国国旗。它直接甩出644行代码，旗面的褶皱、光影、抖动的节奏全对了，一次成型，没有来回改。这种效果放几年前，得找专门做粒子特效的人调半天。

给Fable 5一句话：写一个单文件HTML，做一个逼真的随风飘动的美国国旗。它直接甩出644行代码，旗面的褶皱、光影、抖动的节奏全对了，一次成型，没有来回改。这种效果放几年前，得找专门做粒子特效的人调半天。

AI Will

159,866 Aufrufe • vor 3 Monaten