作為一個網站設計/ 開發人員,你必須不斷尋找方法來減少設計/ 開發過程中所花費的時間。這對於提高你的工作效率並最大化你的利潤是非常重要的。下面介紹的按功能分類的CSS 玩具可以有效地節省你設計網站的時間。Chada 在這基礎上增加了三個自己曾經介紹過的玩具。
4 u0 F! n& Y* X$ ?5 K8 o優化/格式化類
( C% {6 O; l' V+ v7 o6 ~1、CSSTidy - CSS Tidy是一個開源的CSS分析和優化玩具;
1 n0 V7 {9 f8 U4 b7 m8 [2、CleanCSS - CleanCSS是一個基於CSS Tidy的強大的CSS優化和格式化玩具。6 @4 M5 L+ M8 G- l5 K9 q0 S
3、CSS Optimizer - CSS Optimizer可以通過優化壓縮CSS樣式文件大小。6 I4 U* a @3 o( t
4、CSS Analyzer - CSS Analyzer可以幫助你檢查你的CSS樣式是否符合W3C的認證。. `4 E9 W9 ]0 }% m* k
字體類# r: s3 C; s# ^; N5 c
1、Em Calculator - EM Calculator可以幫助你計算px與em之間的轉換。$ y6 [2 v+ ]/ U' q$ U
2、CSS Font and Text Style Wizard - 這個小玩具可以很方便地將你的CSS樣式呈現出來。
+ c- I* E0 G; n2 o6 j! v3 z表格類
+ y9 l6 {# U% J1、CSS Form Code Maker - 很方便地生成「五顏六色的BOX佈局」的表格。$ d/ n3 [3 B* }3 `7 N8 ?
2、JotForm - JotForm是一個「所見即所得」的表格生成器。
. i2 h9 h; ^5 n9 G3 `導航/按鈕類
: M1 H+ z$ v. a- d1、CSS Buttons - CSS按鈕和文本在線生成玩具。
* q. [' l8 B, M% @3 J2、CSS Menu Generator - CSS Menu Generator可以同時生成基於CSS和HTML代碼的漂亮的按鈕。9 j: W1 Y4 U. l) |/ H
生成器
0 i' }, c2 x( R3 Q+ q g1、CSS Creator - Css Creator是一個可以創建自適應寬度或者是固定寬度的浮動佈局生成器,可以生成帶有Header和Footer的三欄佈局。
/ F: d6 `3 B. g3 {. W) [3 W8 n2、QrONE CSS Designer - QrONE是一個CSS在線生成與編輯器。
9 C; o- B8 W6 `6 z; z( J3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一個完整的網站佈局。
% h1 W6 h l! a( t. W8 j4、CSS Mate - CSS Mate是一個在線CSS編輯器。# W* U- u1 b! p% P
幾款小玩具
4 A2 b) i: O2 i9 W* J. k7 l3 {1、CSS Menu Maker - 在線生成豐富多樣的CSS導航按鈕。
. J% v. n# s4 H: k# J( P' `, k7 r2、CSS Type Set - 在線輕鬆調試CSS文本樣式。
+ o: }4 s, X4 t) m3、CSS Frame Generator - 寫好DIV架構之後,使用這個在線玩具可以很快生成CSS樣式結構表。 |
|