作為一個網站設計/ 開發人員,你必須不斷尋找方法來減少設計/ 開發過程中所花費的時間。這對於提高你的工作效率並最大化你的利潤是非常重要的。下面介紹的按功能分類的CSS 玩具可以有效地節省你設計網站的時間。Chada 在這基礎上增加了三個自己曾經介紹過的玩具。
9 D( j- N S' [7 L! s* u優化/格式化類 1 Q& x2 G7 W/ R
1、CSSTidy - CSS Tidy是一個開源的CSS分析和優化玩具;
9 _3 n" @8 {, \( r8 o$ s2、CleanCSS - CleanCSS是一個基於CSS Tidy的強大的CSS優化和格式化玩具。
0 p' b; ^' y& ^3 q3、CSS Optimizer - CSS Optimizer可以通過優化壓縮CSS樣式文件大小。/ L) Z) o% ^( f- {
4、CSS Analyzer - CSS Analyzer可以幫助你檢查你的CSS樣式是否符合W3C的認證。
: @" ` ^7 U4 W5 Y" |6 N' ]字體類
$ y0 ~& F9 b7 w9 [" {% Y W: k; L1、Em Calculator - EM Calculator可以幫助你計算px與em之間的轉換。2 \" r- r; y8 }2 F
2、CSS Font and Text Style Wizard - 這個小玩具可以很方便地將你的CSS樣式呈現出來。2 u: a7 L" X$ \3 z- c) p# e" @
表格類
3 C- b$ G" [2 \' Q7 }1、CSS Form Code Maker - 很方便地生成「五顏六色的BOX佈局」的表格。
3 ^# D+ L) n: S+ ]1 C1 p3 \2、JotForm - JotForm是一個「所見即所得」的表格生成器。
+ Y. [8 D0 v, g導航/按鈕類
- B1 w* g4 ~2 `6 r0 c' }1、CSS Buttons - CSS按鈕和文本在線生成玩具。
6 x; W1 F) o" M+ [& H" N3 H2 S6 o0 \8 a2、CSS Menu Generator - CSS Menu Generator可以同時生成基於CSS和HTML代碼的漂亮的按鈕。5 f( e7 o0 Z# j9 G H7 g2 v+ j* b! j
生成器
5 y2 J. Y2 l2 [; k1、CSS Creator - Css Creator是一個可以創建自適應寬度或者是固定寬度的浮動佈局生成器,可以生成帶有Header和Footer的三欄佈局。
# X! [4 m. _! p/ C; Z2 M# a2、QrONE CSS Designer - QrONE是一個CSS在線生成與編輯器。# b5 Q6 Z0 s7 k* b$ g
3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一個完整的網站佈局。
% `+ d" X( |0 N' U. v1 K: ]) S% }3 L4、CSS Mate - CSS Mate是一個在線CSS編輯器。
8 o0 U( Y/ p s' V幾款小玩具
( i$ K: O+ [% m+ d! k1、CSS Menu Maker - 在線生成豐富多樣的CSS導航按鈕。 k: H+ T5 {* V5 |) d3 u0 Q/ z
2、CSS Type Set - 在線輕鬆調試CSS文本樣式。
8 E' [+ e) n2 j9 G3、CSS Frame Generator - 寫好DIV架構之後,使用這個在線玩具可以很快生成CSS樣式結構表。 |
|