作為一個網站設計/ 開發人員,你必須不斷尋找方法來減少設計/ 開發過程中所花費的時間。這對於提高你的工作效率並最大化你的利潤是非常重要的。下面介紹的按功能分類的CSS 玩具可以有效地節省你設計網站的時間。Chada 在這基礎上增加了三個自己曾經介紹過的玩具。
: |) H0 ~) d4 y4 R8 q優化/格式化類
6 _* Q* e6 e6 M- P1、CSSTidy - CSS Tidy是一個開源的CSS分析和優化玩具;6 c: f+ K, u7 {+ S. ]& U
2、CleanCSS - CleanCSS是一個基於CSS Tidy的強大的CSS優化和格式化玩具。6 s- Z2 `# t+ O0 G3 y
3、CSS Optimizer - CSS Optimizer可以通過優化壓縮CSS樣式文件大小。
: X: M: l) |: f3 s4、CSS Analyzer - CSS Analyzer可以幫助你檢查你的CSS樣式是否符合W3C的認證。 S# y5 V( J4 a0 ~7 e% W
字體類. \5 u( [+ r0 K" A3 z
1、Em Calculator - EM Calculator可以幫助你計算px與em之間的轉換。
) Y1 i; A2 f3 g& _' d4 g% p2、CSS Font and Text Style Wizard - 這個小玩具可以很方便地將你的CSS樣式呈現出來。
; N: O9 v3 E* N ]5 [$ x, B I表格類. c6 U5 [1 e* j- r0 }: i
1、CSS Form Code Maker - 很方便地生成「五顏六色的BOX佈局」的表格。. z! N2 o7 y- {, I0 I! M( c# w
2、JotForm - JotForm是一個「所見即所得」的表格生成器。
7 Q9 F7 i7 }1 M0 p$ z1 \導航/按鈕類$ A Y% ?/ }, t8 D
1、CSS Buttons - CSS按鈕和文本在線生成玩具。" r: I/ W5 E+ y
2、CSS Menu Generator - CSS Menu Generator可以同時生成基於CSS和HTML代碼的漂亮的按鈕。
$ w( |& I/ }- V3 y5 z7 a生成器
, _' x' H+ s- y0 f U0 @1、CSS Creator - Css Creator是一個可以創建自適應寬度或者是固定寬度的浮動佈局生成器,可以生成帶有Header和Footer的三欄佈局。0 t' q9 K0 r% {2 x
2、QrONE CSS Designer - QrONE是一個CSS在線生成與編輯器。
! p1 W) F5 |; @$ c0 n& d; J5 f: {% W3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一個完整的網站佈局。* K3 C8 [# r- K" D* }% {
4、CSS Mate - CSS Mate是一個在線CSS編輯器。
. `8 L) B$ {6 j9 A" _& ^: m4 i幾款小玩具% {4 `, P0 z4 m2 y! j$ A. [
1、CSS Menu Maker - 在線生成豐富多樣的CSS導航按鈕。- b2 K6 r/ f2 ?+ Y! b' Y C9 z
2、CSS Type Set - 在線輕鬆調試CSS文本樣式。
/ T; y1 x( ~# b1 `6 u3 i3、CSS Frame Generator - 寫好DIV架構之後,使用這個在線玩具可以很快生成CSS樣式結構表。 |
|