常用工具
- 支持代码校验、着色、折叠和美化、结果预览和EMMET快捷代码生成
- gltf模型在线查看器,可查看骨骼动画和模型详细信息
- 在线编辑、测试、调试WebGL GLSL语言,支持语法着色、检查和错误提示。From:https://patriciogonzalezvivo.github.io/glslEditor/
- 支持设置更新SVG图形的缩放、旋转等功能
- 支持.css以及.js文件链接或原代码的压缩
- 支持JPG等图像文件的BASE64编码转换
- 可检测捕获键盘的所有按键编码
- 直接在线生成二维码,并可下载保存到本地
- 支持JSON格式验证,高亮折叠,及XML互转
CSS3工具
- 以所见即所得的交互方式生成CSS3文本阴影
- 以所见即所得的交互方式生成CSS3框阴影(box-shadow)效果及其代码
- 以所见即所得的交互方式生成CSS3渐变色阴影
- CSS3图片剪贴路径在线生成
插件
提示框
- 纯CSS3实现能感知鼠标移动方向的提示信息框
- 能自动放在合适位置的带箭头提示信息框
- 纯CSS3实现鼠标悬停右边显示问号,同时弹出提示信息框
- 纯CSS3实现悬停svg图标弹出提示信息框
- 拖动处于曲线上的滑块,来查询某个点的数据
- 使用CSS3 transforms,border-radius 和 SVG 形状元素创建的现代感提示信息框
- 顶部划入,片刻后自动消失。是最实用和常用的消息公告形式
- 带有弹性动画的顶部翻转弹出提示信息框
- 利用React.js实现输入框匹配关键词弹出提示信息框
Canvas
- 使用Canvas实现PS的魔法套索的平滑连线功能
- 使用鼠标可以刮去(橡皮擦工具效果)表面图片露出背后的照片,支持触摸事件
- 使用JS和Canvas实现的类似PS的裁剪功能
其他
- 用来绘制数学公式图形,如普通函数:平方、对数、指数;极函数;参数方程和自定义数据点。源自fooplot的简化。
- HTML5版修图工具,可将上传图片光栅化处理后保存到本地
- 随机生成线性渐变和径向渐变,是一个渐变方案生成器工具
- 鼠标悬停在关键词上显示关联GIF图,可用于文章内关键词广告或者图文并茂的补充说明
- 可以自动播放所选方块对应的音响,生成电子谱并可导出wav文件
- Fort.js 是一款用于表单填写进度提示效果的 JavaScript 库