40个基于Web的小型CSS工具和应用

http://www.devstore.cn/essay/essayInfo/8295.html

在本文中，我们收集了一个基于 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个工具。

什么原因呢?

第一，原文中出现了重复的工具，并且有一些工具的地址已经失效了。

第二，译者水平有限，实在搞不懂另外几个工具的用途。

还请大家理解。

当然，大家也别小看这些小工具。或许在你最需要帮助的时刻，它们可以助你一臂之力呢，抽时间来尝试下吧!