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

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

在本文中，我们收集了一个基于 Web 的小型 APP 和工具的合集。当你使用 CSS 工作时，它们可以起到很好的帮助作用。这些工具，不仅可以帮助你节约编写 CSS 的时间，而且可以方便解决工作中的一些小问题。

你会发现，这些工具可以用于创建基于 CSS 的动画，生成响应式菜单，收集统计任何 CSS 文件以及生成转盘、圆形菜单等。当然，还有很多。

朋友们，准备好收藏吧!

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个工具。

什么原因呢?

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

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

还请大家理解。

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