yarn Yarn 是一个现代化的 JavaScript 包管理器,兼顾项目管理能力,原生支持工作空间和 mono 仓库,强调依赖安装的稳定性和可复现性,并通过插件体系提供高度可定制性,适合个人开发者及企业级项目使用 0120 奇妙工具# yarn# 前端开发# 包管理器
babeljs 提供Babel中文文档与在线编译工具,将下一代JavaScript语法转换为浏览器兼容代码,包含入门指南、视频资料和插件配置说明,便于前端开发者学习和解决兼容性问题 0130 奇妙工具# babeljs# 奇妙工具# 工具
CSS Gradient 在线CSS渐变生成工具,支持类Photoshop可视化编辑,可生成跨浏览器线性及径向渐变代码,并支持导入图片或CSS提取渐变,提供多色标、透明度控制及颜色调整,适合前端开发与设计快速创建背景渐变 0130 奇妙工具# CSS Gradient# 在线编程# 奇妙工具
CubicBezier 在线可视化编辑CSS贝塞尔曲线,支持拖拽控制点、实时预览动画、一键复制代码、曲线保存与对比,帮助开发者快速生成精确的缓动函数 0120 奇妙工具# CubicBezier# 在线编程# 奇妙工具
CSSgenerator CSSgenerator是一个免费的在线CSS代码生成工具,提供盒阴影、渐变、边框圆角、变换等多种可视化生成器,实时预览效果并一键复制样式代码 0130 奇妙工具# CSSgenerator# 在线编程# 奇妙工具
AniCollection AniCollection 是一个 CSS3 动画在线合集,提供海量动效预览与多格式代码(CSS、HTML、jQuery 等),支持浏览、收藏和社区投稿,方便前端开发者快速查找并复用动画效果 0130 奇妙工具# AniCollection# 在线编程# 奇妙工具
HTML validator 基于W3C官方标准的免费在线标记验证服务,可通过网址、文件上传或直接输入代码三种方式检测HTML、XHTML等文档的语法错误,提供详细错误报告、源代码查看及可定制输出,帮助开发者确保网页符合规范 0140 奇妙工具# HTML validator# 奇妙工具# 工具
CSS validator 由W3C提供的免费在线CSS验证工具,支持通过网址、文件上传或直接输入代码进行检查,可针对不同CSS规范等级和媒介类型进行语法与标准兼容性验证,帮助开发者快速定位错误与警告 0130 奇妙工具# CSS validator# 奇妙工具# 工具
PostCss PostCSS是一个用JavaScript插件转换CSS的工具,提供自动前缀、未来语法转译、模块化及代码检查等功能,帮助开发者编写更兼容、更现代的样式,适合重视CSS工程化的前端项目 0140 奇妙工具# PostCss# 奇妙工具# 工具
CSS Hake 提供多种纯CSS抖动动画类,只需引入样式文件并为元素添加类名即可实现水平、垂直、旋转等十几种抖动效果,适合网页微交互和趣味动效制作 0110 奇妙工具# CSS Hake# 奇妙工具# 工具
Stylus Stylus中文网提供CSS预处理器Stylus的中文文档和在线编译体验,支持省略语法、变量、混合等特性,适合前端开发者快速学习和查阅 0120 奇妙工具# Stylus# 奇妙工具# 工具
Animate.css Animate.css是一个开源的纯CSS动画库,提供丰富的预设动效,通过添加类名即可实现弹入、淡出等动画,适合前端开发快速增强网页交互体验,免费使用且兼容主流浏览器。 0250 奇妙工具# animate# Animate.css# CSS
Sass Sass 是一种成熟稳定的 CSS 扩展语言,提供变量、嵌套、混入、继承等功能,让样式编写更高效、易维护,其官网提供在线 Playground、完整文档及安装指南,是前端开发者学习与使用该工具的官方入口 0110 奇妙工具# CSS# Sass# 前端开发
CSS Sprites Generator CSS Sprites Generator 是一个在线生成 CSS 精灵图的工具,将多张小图标合并为一张大图并生成相应 CSS 代码,减少页面请求,优化加载速度,适合前端开发与图标管理场景 0110 奇妙工具# CSS Sprites Generator# 奇妙工具# 工具
Spritecow Sprite Cow 是一款在线精灵图 CSS 生成工具,通过点击精灵图上的图标,自动获取背景定位及尺寸,并输出可直接复制使用的 CSS 代码,帮助前端开发者高效处理手动精灵图 0140 奇妙工具# Spritecow# 奇妙工具# 工具