Rough Notation是一个基于 RoughJS 的轻量级 JavaScript 动画库，专注于为网页元素提供手绘风格的注释效果。官网首页直接展示了该库的核心价值：通过简单的 API，让文字、图片或任意 DOM 节点出现 下划线、矩形框、圆形、突出显示（highlight）和删除线（strike‑through） 等多种手绘式标记，并且这些标记可以配合动画在页面上“手绘”出现，营造出活泼、富有创意的交互体验。
主要功能与特性
使用场景
Rough Notation 通过极小的体积和手绘风格的注解，为网页交互提供了既美观又易实现的方案。只需几行代码即可在任意元素上添加下划线、框选、圆形等注解，并可通过分组控制动画顺序，适用于教学、营销、数据展示等多种场景。若想快速试用，推荐直接使用 CDN 引入并参考官方示例进行改造。
Flexbox-Labs 是一个基于 Web 的开发者工具，用于帮助开发者通过 CSS Flexbox 创建灵活布局。它提供直观界面和实时预览功能，支持调整参数后即时查看布局变化，方便实验和学习。