作為一個網站設計/ 開發人員,你必須不斷尋找方法來減少設計/ 開發過程中所花費的時間。這對於提高你的工作效率並最大化你的利潤是非常重要的。下面介紹的按功能分類的CSS 玩具可以有效地節省你設計網站的時間。Chada 在這基礎上增加了三個自己曾經介紹過的玩具。/ j; u, Y7 ~/ F1 o; t3 Q, Q! t
優化/格式化類
$ ?) r5 J- @* i: b' c1、CSSTidy - CSS Tidy是一個開源的CSS分析和優化玩具;
9 ^0 P5 o, v# l7 _7 D2、CleanCSS - CleanCSS是一個基於CSS Tidy的強大的CSS優化和格式化玩具。$ ?4 X% G' w/ d) c# n* H. O
3、CSS Optimizer - CSS Optimizer可以通過優化壓縮CSS樣式文件大小。; n+ Q! N4 l# b& W# [( N3 i
4、CSS Analyzer - CSS Analyzer可以幫助你檢查你的CSS樣式是否符合W3C的認證。# z0 Y! t; [9 z6 L: |5 [) Z0 v
字體類0 G' B5 [6 @: o2 T* @- E7 Z
1、Em Calculator - EM Calculator可以幫助你計算px與em之間的轉換。) W9 |0 t' p) B& N' k
2、CSS Font and Text Style Wizard - 這個小玩具可以很方便地將你的CSS樣式呈現出來。
4 L8 A0 X* m! n0 n表格類
% S; z8 B2 J% @# A, h9 R1、CSS Form Code Maker - 很方便地生成「五顏六色的BOX佈局」的表格。
: ^$ b5 m/ o _ L2、JotForm - JotForm是一個「所見即所得」的表格生成器。3 L0 t% v9 t; ~8 X5 u( b! x! \
導航/按鈕類9 L" B/ P* c) T* r* G8 H+ v
1、CSS Buttons - CSS按鈕和文本在線生成玩具。! l, w& d* F/ n( Y' @% z
2、CSS Menu Generator - CSS Menu Generator可以同時生成基於CSS和HTML代碼的漂亮的按鈕。
8 f! Q# y; I8 {2 e生成器
% c% s# Q: F( Y* w1、CSS Creator - Css Creator是一個可以創建自適應寬度或者是固定寬度的浮動佈局生成器,可以生成帶有Header和Footer的三欄佈局。
[8 C" X {' T2、QrONE CSS Designer - QrONE是一個CSS在線生成與編輯器。
# C- x+ {8 S5 X. ~3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一個完整的網站佈局。
" X. e9 o9 {8 p4、CSS Mate - CSS Mate是一個在線CSS編輯器。
Y6 b6 X7 V& p0 [# ~, y4 m幾款小玩具
" k/ |2 A5 G" t' K: s5 O" E* R1、CSS Menu Maker - 在線生成豐富多樣的CSS導航按鈕。
0 U# Z; ^# x, F0 d" F4 X+ X9 {2、CSS Type Set - 在線輕鬆調試CSS文本樣式。5 A, q, N; X, k& V5 q L
3、CSS Frame Generator - 寫好DIV架構之後,使用這個在線玩具可以很快生成CSS樣式結構表。 |
|