50款CSS工具,包含,CSS網格和布局工具,CSS 最佳化工具,CSS 菜單產生工具,CSS 按鈕產生器,CSS 圓角產生器,CSS 架構,CSS Sprites產生器,CSS 排版工具以及 CSS 表單產生器。
網格和布局
The 1KB CSS Grid
新穎的 CSS 網格工具,可用於簡化內容管理系統的頁面模板,輕巧易用。
Variable Grid System
基於 960px 的常規CSS網頁布局工具,用於快速產生基本的 CSS 網格。
Grid Designer 2
可控性強,選項豐富的網格系統,支援 CSS 線上即時輸出。
Design By Grid PNG Grid Generator
產生用於CSS網格的 PNG 圖片,以方便地用作 PSD 或 HTML/CSS 設計背景,免除手工製作網格的麻煩。
nP: Grid Generator
用於設計布局結構,制定列、邊緣、間距等參數。
YAML Builder
可視化,快捷的標準 XHTML 頁面架構產生工具,但對 IE6 相容欠佳。
GRIDINATOR
簡單定製基於網格的CSS布局工具,可自訂多種參數。
Grid System Generator
產生適用於 960.gs,Golden Grid,1KB Grid 的網格布局,也可產生基本的通用網格。
YUI: CSS Grid Builder
來自 Yahoo 的網格工具,用於建立基礎布局,統一瀏覽器表現。
Blueprint Grid CSS Generator
協助你創造更靈活的 CSS 藍圖,包括 grid.css、compressed.css 和 grid.png 檔案。
CSS Grid Calculator
快速設計頁面配置,以多種方式構造網格。對於頁面元素在瀏覽器中的表現方式,提供了精確的視覺反饋。
Layout generators – www.pagecolumn.com
使用 CSS 2.0 技術產生 1-5 列的布局輸出。
Dynamic 4 Column Layout Generator
可控性強的 4 欄式頁面配置產生器。
CSS Layout Generator – CSS Portal
建立自適應或固定寬度欄式布局,可指定或者像素或百分比。
templatr
模板產生器,可線上建立單獨的設計方案。無需瞭解任何 HTML 和 CSS 知識。
CSS Source Ordered 1-3 Columned Page Maker
產生 1-3 欄式頁面的 CSS 代碼。
CSS Creator
建立自適應寬度或固定寬度的浮動欄式布局。
CSS 最佳化和樣式產生
Online CSS Optimiser/Optimizer
輸入網址或複製並粘貼到樣式輸入框中,一鍵提交即可最佳化。
Free CSS Template Code Generator
三欄式布局產生工具,同步產生 HTML 和 CSS 代碼。
CSS Builder – Generate Styles on the Fly
只需填寫表格式資料,單擊產生,並複製代碼到樣式表。
Firdamatic: the Design Tool for the Uninspired Webloggers
通過完成一份簡單的表格輸入來建立和定製布局,輕而易舉。
WordPress Theme Generator
線上定製獨一無二的 WordPress 主題。只需改變顏色,設定,布局等參數,完成後儲存並下載。
CSS Formatter and Optimiser/Optimizer
CSS 整形與最佳化工具,基於 CSSTidy 構建。
XHTML/CSS Markup Generator
通過架構加快 XHTML+CSS 設計工作,介面直觀,文法縮短。
CSS 菜單工具
13 Styles – CSS Menu Generator
簡單的 CSS 菜單產生器。
CSS Menu Builder
提供 30 多款橫向菜單,700 多款垂直菜單,多種菜單組合方式應有盡有。
Pure CSS Menu.com
純粹的 CSS 菜單產生工具。
CSS Menu Generator
多種現成 CSS 菜單可供選擇,支援樣式自訂。
My CSS Menu Generator – Horizontal, Vertical, Drop Down, DHTML CSS Menu
自訂建立瀏覽器安全色的 CSS 菜單。導航內容,方向性,均可控制。
CSS Menu Generator – Webmaster Toolkit
CSS 控制的文本形式的菜單有比圖片形式的菜單具有更強的搜尋引擎友好性。
CSS Menu Generator – CSS Portal
提供了較為豐富的 CSS 菜單模板。
List-O-Matic
著名的 List-O-Matic 可輕鬆製作最基本的 CSS 導覽功能表,嚮導性的製作步驟更容易上手。
CSS 按鈕
CSS Button and Field Tool
傻瓜化地配置樣式和參數,即可一鍵產生代碼。
Navigation Tab Menu Generator
菜單參數可調,改動重新整理後可預覽。
CSS 圓角
RoundedCornr: Rounded Corner and Gradient Generator
產生一個基本CSS圓角。附帶四個圓角影像檔和必要的 HTML 及 CSS 代碼。
Spiffy Corners – Purely CSS Rounded Corners
簡單產生 CSS 和 HTML 以滿足建立無鋸齒圓角,而無需使用映像或 JavaScript 指令碼。
Spiffy Box – Simple Rounded Corner CSS Boxes
簡單的 CSS 圓角框產生器。
Cornershop – Rounded Graphics for CSS Box Corners
產生圓角的 HTML 和 CSS 代碼的CSS工具。
CSS 架構
CSS Frame Generator
構造基本的 CSS 架構,加強 CSS 編寫的規格化。
CSS 表格
CSS Table Generator 0.1
簡單的 CSS 表格產生工具。
HTML and CSS Table Border Style Wizard
配置選項豐富的可視化表格樣式設計工具。
HTML Table Style Generator
簡單配置即可設計美觀的表格樣式的CSS工具。
CSS Sprites
CSS Sprite Generator
提供源圖片上傳,重複圖片合并,大小調整,拼合輸出,CSS 輸出等選項的控制,支援簡體中文。
CSSSprites.com
把背景圖片的拼合任務交給 CSSSprites.com,它會幫你組圖並給出單個圖片的定位。
CSS 文本和字型
CSS Type Set
簡單的文本樣式組態工具。
CSS 表單
Quick Form Builder
快速簡潔的CSS表單建立工具,只需定義欄位名稱。
Form Style Web 2.0 Generator
參數詳盡的CSS表單設定精靈,產生的表單樣式代碼可直接下載。