滚动驱动动画沙盒 - Animation Timeline演示
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
UD5工具箱
手动调整 ARIMA(p, d, q) 参数,实时观察模型拟合与预测趋势变化
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
构建 Promise 链并显示每个 then/catch 的执行时间与状态,帮助理解微任务调度。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
输入网址,尝试拉取该站favicon并提取其主要颜色,用于品牌配色参考。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
在二维函数曲面上动态展示梯度下降算法的迭代过程,可调节学习率和初始点。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
随机生成两到五种颜色的组合,附带预览色块,提供设计意外之喜。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
输入文本,滑块调节letter-spacing和word-spacing,实时显示效果并复制CSS。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
选择组件类型(按钮、菜单等),自动补全必要的role和aria-*属性代码。
输入GraphQL端点或粘贴Schema,即可编写查询并查看自动补全与响应,适合接口探索与学习。
在NEON(Nette框架)和YAML格式之间转换配置文件,保持结构。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
选择UI组件类型(按钮、标签页等),自动推荐所需的ARIA角色、状态与属性代码。
拖拽与门、或门、非门等构建组合逻辑电路,输入高/低电平观察输出。
添加任务步骤并分配时间,构建理想的早晚程序清单,播放模式自动计时切换。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
生成一行JavaScript代码,可将每日更新的编程相关名言嵌入到你的网站。