英文原文：40 Tiny Web-Based Tools & Apps for Working With CSS
譯者：IT程序獅
譯文源自：http://www.reibang.com/p/d86a764797e6
在本文中续膳，我們收集了一個(gè)基于 Web 的小型 APP 和工具的合集。當(dāng)你使用 CSS 工作時(shí)硼身，它們可以起到很好的幫助作用。這些工具主届，不僅可以幫助你節(jié)約編寫 CSS 的時(shí)間薇正，而且可以方便解決工作中的一些小問(wèn)題。
你會(huì)發(fā)現(xiàn)暗甥，這些工具可以用于創(chuàng)建基于 CSS 的動(dòng)畫宝与，生成響應(yīng)式菜單焚廊，收集統(tǒng)計(jì)任何 CSS 文件以及生成轉(zhuǎn)盤、圓形菜單等习劫。當(dāng)然咆瘟，還有很多。
朋友們诽里，準(zhǔn)備好收藏吧袒餐！
1.CIRCULUS.SVG - SVG 圓形菜單生成器。
2.CSS Ruler - 基于 Web 的探索 CSS 長(zhǎng)度的工具谤狡。
3.互動(dòng)盒模型圖 - 一個(gè)幫助您直觀了解盒模型的 APP灸眼。
4.一鍵編碼解碼工具 - 一個(gè)將內(nèi)容轉(zhuǎn)換為 ASCII 字符集的 APP。
5.SVGOMG – 一個(gè)用于優(yōu)化和配置 SVGO 的基于 Web 的 APP豌汇。
6.Rocket – 一個(gè)用于創(chuàng)建 Web 動(dòng)畫的簡(jiǎn)單工具。
7.Font Library – 一個(gè)用于標(biāo)記泄隔、組織谷歌字體的開(kāi)源項(xiàng)目拒贱。
8.Pie Menu Generator – 超級(jí)簡(jiǎn)單的轉(zhuǎn)盤菜單生成器。
9.StyleStats – 一個(gè)收集統(tǒng)計(jì)任何 CSS 文件的小應(yīng)用程序。
10.extractCSS – 一個(gè)從 HTML 文檔輸出 CSS 樣式表中 IDS 和類的工具逻澳。
11.CSS Shrink – 一個(gè)精簡(jiǎn) CSS 代碼的小工具闸天。
12.CSSynth – 用于運(yùn)行動(dòng)畫的小型 APP。
13.EnjoyCSS – 可以讓你迅速調(diào)整豐富的圖形樣式斜做，而無(wú)需編碼的實(shí)用工具苞氮。
14.Flexy Boxes – CSS Flexbox 游樂(lè)場(chǎng)及代碼生成工具。
15.Create CSS3 - 一個(gè)超級(jí)簡(jiǎn)單的 CSS3 生成器瓤逼。
16.CSS Beautifier – 一個(gè)會(huì)自動(dòng)'美化'你 CSS 的工具。
17.CSS3 Generator – 一個(gè)簡(jiǎn)單的 CSS3 生成器。
18.SpinKit – 一套基于 CSS3 實(shí)現(xiàn)的酷炫加載動(dòng)畫侨核。
19.Css2Less – 一個(gè)快速自動(dòng)轉(zhuǎn)化 CSS 為 LESS 的工具秕脓。
20.CSSComb – 一個(gè) CSS 編碼風(fēng)格格式化的工具。
21.Daturi – 一個(gè)用于圖像轉(zhuǎn)換為 Base64 的應(yīng)用程序诱告。
22.px-em – 一個(gè) CSS 單位 px 與 em 的計(jì)算器撵枢。
23.typesetwith.me - 一個(gè)基于 Web 的排版可讀性沙箱。
24.Type Scale – 一個(gè)排版視覺(jué)計(jì)算器精居。
25.SVGeneration – 用于生成 SVG 背景圖形和圖案的工具锄禽。
26.Glyphter – 一個(gè)方便從 SVGs 創(chuàng)建圖標(biāo)和字體的工具。
27.Perfect Icons – 一種基于 Web 的社交分享圖標(biāo)創(chuàng)建工具靴姿。
28.iconizr – 一個(gè)將 SVG 圖像轉(zhuǎn)換為一組 CSS 圖標(biāo)的工具沃但。
29.iconmelon – 一個(gè)用于快速創(chuàng)建的SVG圖標(biāo)的庫(kù)。
30.GlyphSearch - 一個(gè)用于在 Font Awesome, Glyphicons, IcoMoon 和 Ionicons 網(wǎng)站上搜索圖標(biāo)的 APP
31.FontAwesome Finder – 快速及時(shí)地搜索 FontAwesome 網(wǎng)站上圖標(biāo)的工具空猜。
32.Fontsatic – 用于創(chuàng)建自定義圖標(biāo)字體（9000圖標(biāo)可供選擇）的工具绽慈。
33.Colors – 一個(gè)智能變換默認(rèn)網(wǎng)頁(yè)顏色的皮膚類合集。
34.Pantone Sass – 一個(gè)可以把 Pantone 顏色作為 Sass 變量的列表辈毯。
譯者注
細(xì)心的讀者會(huì)發(fā)現(xiàn)坝疼，原文的標(biāo)題是40個(gè)工具，而小獅的譯文中只出現(xiàn)了34個(gè)工具谆沃。
什么原因呢钝凶？
第一，原文中出現(xiàn)了重復(fù)的工具唁影，并且有一些工具的地址已經(jīng)失效了耕陷。
第二，譯者水平有限据沈，實(shí)在搞不懂另外幾個(gè)工具的用途哟沫。
還請(qǐng)大家理解。
當(dāng)然锌介，大家也別小看這些小工具嗜诀』或許在你最需要幫助的時(shí)刻，它們可以助你一臂之力呢隆敢，抽時(shí)間來(lái)嘗試下吧发皿！
