十款CSS實用具

本文整理了10款非常實用的CSS工具,這些工具可以幫你處理一些單調重複性的工作,大大提高了Web開發工作效率,簡化了工作流程。 

1.  Animatable 

該工具用於創建CSS3動畫,創建的動畫可以在任何平臺或設備(包括Android、BlackBerry、iOS 和WebOS等)中的現代瀏覽器中運行。即便你不熟悉CSS,該工具也能幫助你創建多場景的CSS3動畫。 



2.  CSS3 Buttonize Framework 

這是一個輕量級、靈活、即時按鈕框架。只需簡單選擇按鈕樣式示例,然後根據提供的鏈接下載CSS代碼即可。該框架還會告訴你如何使用這些代碼。 



3.  Patternify 

這是一個簡單的CSS圖案生成器。你可以在基於Web的圖形化界面中繪製你想要的圖案,然後該工具將自動生成CSS代碼。 



4.  CSS3 Patterns Gallery 

正如該工具的名字,這是一個CSS圖案畫廊,網頁中顯示了每個圖案的預覽,單擊你需要的圖案,即可顯示該圖案的CSS代碼。 



5.  Columnal 

這是一個CSS網格系統,整合了兩套自定義CSS代碼。Elastic網格系統來自cssgrid.net,另外一些來自960.gs



6.  Spritemapper 

該工具可以將多個圖片合併成一個,並生成相應切片的CSS配置代碼。這樣,既節省了你寫代碼的時間,又提高了網頁加載時間。 



7.  The Web Font Combinator 

該工具通過示例,讓你直觀地試驗、預覽頁面中各部分(標題、副標題、正文)字體的效果。 



8.  Layer Styles 

這是一個基於瀏覽器的圖形編輯器,你可以在一個對話框(類似於Photoshop圖層樣式對話框)中設置圖形的樣式,然後該工具會自動生成CSS代碼。 



9.  Sencha Animator 

這是一個桌面應用,允許你創建可在現代瀏覽器和觸屏移動設備中運行的CSS3動畫。 



10.  Holmes 

這是一個CSS樣式診斷工具,通過添加一個類,即可在頁面中高亮顯示一些錯誤或無效的HTML/HTML5標記,如使用紅色邊框顯示錯誤信息、黃色邊框顯示警告信息、灰色邊框顯示不贊成使用的樣式,還可以突出顯示可改進的標記、非W3C元素和屬性等。 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章