作為一名web前端開發人員,下面5個CSS性能優化減肥工具想必大家會經常用到!如果你還不知道,說明你還不算很合格的前端開發人員!好東西就要果斷的收藏!
第一個CSS性能優化減肥工具:csstidy
該工具介紹:csstidy是CSS整理與優化工具。并不能檢查層疊樣式表(CSS)文檔和HTML或者XHTML文檔中的CSS的錯誤內容!
CSS整理與優化工具地址:http://www.css88.com/tool/csstidy/
CSS標準檢測錯誤地址:http://jigsaw.w3.org/css-validator/
個性化您的優化csstidyonline:http://csstidyonline.com/
第二個CSS性能優化減肥工具:CSSMate – Online CSS Editor
CSSMate是一個交互式在線CSS編輯器來設計你的CSS樣式。
該網站還發布了最新的用于本地管理的網站簡單的站點地圖生成器。它是免費的,你甚至可以下載源代碼,并改變您的需求。
CSS性能測試地址:http://cssmate.com/csseditor.html
第三個CSS性能優化減肥工具:cleancss
cleancss是一個強大的CSS算法和格式化程序。基本上,它需要你的CSS代碼使它更清潔、更簡潔。
的CSS算法最初是由一些可怕的家伙在CSS整潔。他們建造的程序并使其免費供大家使用。我偶然有一天在他們的優化器在尋找我的CSS幫助。我想知道我能風格最短的一個網站的背景而不必使用所有的”背景圖像”和”背景重復”的標簽。我發現了一些其他的優化,我試過,但沒有工作以及CSS整潔。它實際上是托管在一些隨機的光盤刻錄的網站。為什么呢?我也不清楚。
但在我張貼在我的博客,我注意到一個星期后,該網站不再存在。我很失望因為我想表明我的設計師在工作這個驚人的效用。所以我擅自安裝CSS整潔自己網站主機服務器和注冊cleancss.com。我將到我喜歡的(見草綠色的顏色?)。所以現在我可以確保這個了不起CSS實用呆下去。得到使用的網頁設計師到處。
酷站測試地址:http://www.cleancss.com/
第四個CSS性能優化減肥工具:CSS Compressor
使用本實用的壓縮你的CSS增加加載速度和節省帶寬和。你可以選擇從三個層次的壓縮,這取決于如何清晰你想要壓縮CSS是與程度的壓縮。”正常”模式在大多數情況下很好的工作,建立兩者之間的一個很好的平衡。
切換到高級模式而不是更大的定制。
CSS性能優化酷站測試地址:
http://www.cssdrive.com/index.php/main/csscompressor/
第五個CSS性能優化減肥工具:CSS分析儀
關于CSS分析儀:
這項服務已經提供給允許你檢查你的有效性CSS對W3C的驗證服務,以及一個色彩對比測試,和測試,以確保相關尺寸測量的相對單位指定。如果CSS是由一個指定的URL,它會被加載到文本區域提供一個選項,以使測試更改,而不必重新上傳。
色彩對比
指南2.2的的Web內容可訪問性指南1.0要求前景色和背景色組合提供充足的對比別人有顏色的赤字看,還是黑白屏幕上查看時,當。兩種顏色提供良好的色彩可見,如果亮度差異和兩種顏色之間的色差大于設定的范圍。它們提供一個顏色對比算法,用于在本次測試。該算法是正在開發中,并可能會發生變化。任何改變他們的算法將更新這個頁面上。
此頁面,允許你檢查的使用W3C的色彩對比算法兩種顏色的對比度。你可以使用下面適當的形式指定一個外部的樣式表,或粘貼的CSS在文本框中。
測量單位
指南3.4 Web內容可訪問性指南1.0建議使用相對的而不是絕對的單位樣式表屬性值。相對尺寸包括烯(其中,1烯等效于字體大小)和百分比。雖然像素是測定的相對單位,在實際尺寸是未知的,因為它取決于輸出介質上。以像素為單位指定字體大小不能由顧客在一些用戶代理被改變,所以被處理,就好像它們是絕對測量單元。
在線檢測CSS酷站網址:http://juicystudio.com/services/csstest.php