CSS 编码中超级有用的工具集合
當(dāng)你開發(fā)網(wǎng)站和 Web 應(yīng)用時，使用合適的工具可以節(jié)省大量的時間。本文我將收集一些非常有用的 CSS 編碼工具，希望對你有幫助。
Pure CSS
Pure 是來自雅虎的 CSS 框架，使用?Normalize.CSS?無需任何 JavaScript 代碼。框架基于響應(yīng)式設(shè)計，提供多種樣式的組件，包括表格、表單、按鈕、表、導(dǎo)航等。標(biāo)識使用非常簡單，整個框架非常輕量級，壓縮后只有 5.7k。
主頁:?http://purecss.io/
CSS only responsive navigation
在今天響應(yīng)式排版已經(jīng)非常流行了，這里包含一些可下載和可重用的響應(yīng)式導(dǎo)航菜單，只需要 CSS 足以。
主頁:?http://valdelama.com/css-responsive-navigation
CSS Trashman
當(dāng)我們在開發(fā)一個大項目時，很難讓 CSS 代碼保持短小精干，但無需擔(dān)心，CSS Trashman 可以幫你不少忙。這是一個很有用的在線工具用來檢測你的網(wǎng)站，壓縮樣式，并最終下載最精簡的 CSS 文件。
主頁:?http://www.csstrashman.com/
Glue
加載大量的圖片，還是將這些圖片變成一張大圖片一次性加載，當(dāng)然是后者更好，降低瀏覽器和服務(wù)器的交互。這樣的技術(shù)成為 CSS Sprites。Glue 是一個簡單的命令行工具可以讓你輕松的將圖片合并到一張大突破，然后通過 CSS 來使用這些圖片。
主頁:?https://github.com/jorgebastida/glue
Helium CSS
Helium 是一個前端響應(yīng)式 Web 框架，用于使用 HTML5 + CSS3 快速制作原型以及開發(fā)產(chǎn)品。Helium 很像?Twitter Bootstrap?和?ZURB Foundation，事實上 Helium 使用了二者不少的代碼。但與這兩個框架不同的是，Helium 設(shè)計更加輕量級，而且更容易修改。Helium 只有30k 左右，而 Bootstrap 有 100k 之多，ZURB 有兩百多k。
主頁:?https://github.com/geuis/helium-css
Topcoat
Topcoat 是一個 CSS 框架用于快速創(chuàng)建簡單、簡潔的 Web 應(yīng)用。
主頁:?http://topcoat.io/
.Fitgrd
.Fitgrd 是一個用來構(gòu)建響應(yīng)式網(wǎng)站的基礎(chǔ)
主頁:?http://www.fitgrd.com/
Normalize.css
Normalize.css 是一個可以定制的CSS文件，它讓不同的瀏覽器在渲染網(wǎng)頁元素的時候形式更統(tǒng)一。
主頁:?http://necolas.github.io/normalize.css/
Bear CSS
Bear CSS 是一個漂亮的網(wǎng)站，同時提供了強大的工具。你只需創(chuàng)建一個 HTML 文檔并上傳，Bear CSS 會自動幫你生成 CSS 文件，大量節(jié)省時間。
主頁:?http://bearcss.com/
via?catswhocode
轉(zhuǎn)載于:https://www.cnblogs.com/fengyuqing/p/css_tools.html
總結(jié)
以上是生活随笔為你收集整理的CSS 编码中超级有用的工具集合的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Ant入门笔记
- 下一篇： JAVA去掉HTMl以及CSS样式