英文原文：40 Tiny Web-Based Tools & Apps for Working With CSS
译者：IT程序狮
译文源自：http://www.jianshu.com/p/d86a764797e6
在本文中，我们收集了一个基于 Web 的小型 APP 和工具的合集。当你使用 CSS 工作时，它们可以起到很好的帮助作用。这些工具，不仅可以帮助你节约编写 CSS 的时间，而且可以方便解决工作中的一些小问题。
你会发现，这些工具可以用于创建基于 CSS 的动画，生成响应式菜单，收集统计任何 CSS 文件以及生成转盘、圆形菜单等。当然，还有很多。
朋友们，准备好收藏吧！
1.CIRCULUS.SVG - SVG 圆形菜单生成器。
2.CSS Ruler - 基于 Web 的探索 CSS 长度的工具。
3.互动盒模型图 - 一个帮助您直观了解盒模型的 APP。
4.一键编码解码工具 - 一个将内容转换为 ASCII 字符集的 APP。
5.SVGOMG – 一个用于优化和配置 SVGO 的基于 Web 的 APP。
6.Rocket – 一个用于创建 Web 动画的简单工具。
7.Font Library – 一个用于标记、组织谷歌字体的开源项目。
8.Pie Menu Generator – 超级简单的转盘菜单生成器。
9.StyleStats – 一个收集统计任何 CSS 文件的小应用程序。
10.extractCSS – 一个从 HTML 文档输出 CSS 样式表中 IDS 和类的工具。
11.CSS Shrink – 一个精简 CSS 代码的小工具。
12.CSSynth – 用于运行动画的小型 APP。
13.EnjoyCSS – 可以让你迅速调整丰富的图形样式，而无需编码的实用工具。
14.Flexy Boxes – CSS Flexbox 游乐场及代码生成工具。
15.Create CSS3 - 一个超级简单的 CSS3 生成器。
16.CSS Beautifier – 一个会自动'美化'你 CSS 的工具。
17.CSS3 Generator – 一个简单的 CSS3 生成器。
18.SpinKit – 一套基于 CSS3 实现的酷炫加载动画。
19.Css2Less – 一个快速自动转化 CSS 为 LESS 的工具。
20.CSSComb – 一个 CSS 编码风格格式化的工具。
21.Daturi – 一个用于图像转换为 Base64 的应用程序。
22.px-em – 一个 CSS 单位 px 与 em 的计算器。
23.typesetwith.me - 一个基于 Web 的排版可读性沙箱。
24.Type Scale – 一个排版视觉计算器。
25.SVGeneration – 用于生成 SVG 背景图形和图案的工具。
26.Glyphter – 一个方便从 SVGs 创建图标和字体的工具。
27.Perfect Icons – 一种基于 Web 的社交分享图标创建工具。
28.iconizr – 一个将 SVG 图像转换为一组 CSS 图标的工具。
29.iconmelon – 一个用于快速创建的SVG图标的库。
30.GlyphSearch - 一个用于在 Font Awesome, Glyphicons, IcoMoon 和 Ionicons 网站上搜索图标的 APP
31.FontAwesome Finder – 快速及时地搜索 FontAwesome 网站上图标的工具。
32.Fontsatic – 用于创建自定义图标字体（9000图标可供选择）的工具。
33.Colors – 一个智能变换默认网页颜色的皮肤类合集。
34.Pantone Sass – 一个可以把 Pantone 颜色作为 Sass 变量的列表。
译者注
细心的读者会发现，原文的标题是40个工具，而小狮的译文中只出现了34个工具。
什么原因呢？
第一，原文中出现了重复的工具，并且有一些工具的地址已经失效了。
第二，译者水平有限，实在搞不懂另外几个工具的用途。
还请大家理解。
当然，大家也别小看这些小工具。或许在你最需要帮助的时刻，它们可以助你一臂之力呢，抽时间来尝试下吧！
