最小对立体听力训练 - 区分易混淆音
播放 ship/sheep 等成对单词,选择听到的那个,强化辨音能力。
自定义弹窗设计器 - 替代原生Alert/Confirm
可视化定制弹窗样式、按钮文案和动画,生成替换原生alert的HTML/CSS/JS代码。
安全字体组合预览 - 各系统回退字体
预览常见的 native font stacks(如苹果、Windows系统字体)的实际显示效果。
无障碍名称计算演示 - 元素的可访问名称来源
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
GraphQL 查询可视化构建器 - 勾选字段生成 Query
从 Schema 中浏览类型,勾选所需字段和嵌套,实时生成 GraphQL 查询语句。
手写风格字体栈生成 - 系统手写体调用
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
环境白噪音混音器 - 在线背景音组合
同时播放雨声、风扇、咖啡店等多种环境音,独立调节音量,营造专注或休息氛围。
WebRTC 本地对等连接演示 - 同页面音视频通信
在单个页面内创建两个 RTCPeerConnection,模拟本地视频通话,展示信令和数据流程。
文字颜色对比度检测器 - WCAG无障碍合规测试
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
字母头像占位符生成器 - 基于姓名生成纯 CSS 头像
输入名字,生成带有首字母的彩色圆形头像,适合无头像用户使用。
手写体识别互动 - Canvas写字母机器判断
在Canvas上写一个字母,程序尝试识别,帮助调整笔迹清晰度。
填字游戏助手 - 输入已知字母匹配单词
输入带有占位符的模式(如 C?T),从词典检索所有匹配单词。
列表排序工具 - 字母/数字/随机等
对多行文本进行升序、降序或随机打乱,可去除重复行。
字母描红练习板 - 手指跟写大写小写
显示字母笔画顺序与描红路径,在Canvas上跟写并保留笔迹,可清除重复练习。
北约音标字母练习器 - 语音识别对比
麦克风说出字母,检验是否准确匹配Alfa, Bravo等音标词,通信员口语训练。
自然拼读有声字母表 - 发音/嘴型动画
点击每个英语字母,播放标准自然拼读发音并展示发音嘴型示意图。
德塞雷特字母转换器 - 英语新字母表
将英文文本转换为19世纪摩门教提倡的德塞雷特字母(Deseret Alphabet),展示历史语言学。
手语字母测验 - 识别手指拼写
显示手语字母的手势图片,选择正确的字母,练习美国手语(ASL)。
字母描红生成器 - 可打印的虚线字母
生成带虚线的大写或小写字母,供儿童临摹练习,支持打印。
音标字母训练 - 听音识别Alfa, Bravo
播放标准NATO音标字母发音,用户选择对应的单词。
手语字母图典 - 静态手势ASL学习
展示26个英文字母对应的美国手语(ASL)手势插图,适合基础入门。
字母频率分析器 - 文本字符统计柱状图
统计英文或任意文本中每个字符的出现次数,以柱状图或饼图可视化分布。
UD5工具箱