等轴测绘图板 - 像素级艾索风格建造
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
UD5工具箱
高维数据投影到2D/3D空间,探索数据内在结构
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
加载测试页面,实时显示Largest Contentful Paint等核心指标,了解加载体验。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
实时在摄像头视频中捕捉面部468个精细网格点,可添加贴纸或虚拟化妆。
使用Seam Carving算法逐步移除图片中不重要的像素线以缩小尺寸,前端模拟教学。
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
通过滑块调节LCP、FID、CLS等指标值,实时显示对应的谷歌核心网页指标评分与颜色。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
通过Canvas调整图片的宽度和高度,支持保持比例或自定义尺寸,快速修改图片分辨率并下载。
浏览数十种纯CSS加载旋转器,点击复制代码或自定义颜色尺寸,节省开发时间。
输入两个二进制数和操作码,可视化展示简单ALU的加减乘除、与或非结果和标志位。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
粘贴SVG代码,压缩并编码为data URI,用于background-image或img。
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
添加楼层请求,观察电梯在不同调度算法下的移动轨迹和等待时间。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
无需JavaScript,构建纯HTML5折叠面板,添加自定义图标与动画样式,输出语义化代码。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
输入URL的OG标签内容,模拟在Facebook/Twitter上的链接预览卡片效果,调试SEO标记。
基于方形或六边形网格,通过变形滑块创建有趣的密铺镶嵌图案。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
拖拽改变容器宽度,观察使用container-type和@container规则的元素如何自适应样式。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
在Canvas上随机撒点,运行K-Means算法,观察中心点迭代移动和簇的形成。
粘贴Content-Security-Policy头,获得逐条解析与安全评分,识别缺失指令与危险源。