50款CSS工具,包含,CSS網格和佈局工具,CSS 優化工具,CSS 菜單生成工具,CSS 按鈕生成器,CSS 圓角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表單生成器。
網格和佈局
新穎的 CSS 網格工具,可用於簡化內容管理系統的頁面模板,輕巧易用。
基於 960px 的常規CSS網頁佈局工具,用於快速生成基本的 CSS 網格。
可控性強,選項豐富的網格系統,支持 CSS 在線即時輸出。
Design By Grid PNG Grid Generator
生成用於CSS網格的 PNG 圖片,以方便地用作 PSD 或 html/CSS 設計背景,免除手工製作網格的麻煩。
用於設計佈局結構,制定列、邊緣、間距等參數。
可視化,快捷的標準 XHTML 頁面框架生成工具,但對 IE6 兼容欠佳。
簡單定製基於網格的CSS佈局工具,可自定義多種參數。
生成適用於 960.gs,Golden Grid,1KB Grid 的網格佈局,也可生成基本的通用網格。
來自 Yahoo 的網格工具,用於創建基礎佈局,統一瀏覽器表現。
幫助你創造更靈活的 CSS 藍圖,包括 grid.css、compressed.css 和 grid.png 文件。
快速設計頁面佈局,以多種方式構造網格。對於頁面元素在瀏覽器中的表現方式,提供了精確的視覺反饋。
Layout generators – www.pagecolumn.com
使用 CSS 2.0 技術生成 1-5 列的佈局輸出。
Dynamic 4 Column Layout Generator
可控性強的 4 欄式頁面佈局生成器。
CSS Layout Generator – CSS Portal
創建自適應或固定寬度欄式佈局,可指定或者像素或百分比。
模板生成器,可在線創建單獨的設計方案。無需瞭解任何 HTML 和 CSS 知識。
CSS Source Ordered 1-3 Columned Page Maker
生成 1-3 欄式頁面的 CSS 代碼。
創建自適應寬度或固定寬度的浮動欄式佈局。
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 主題。只需改變顏色,設置,佈局等參數,完成後保存並下載。
CSS Formatter and Optimiser/Optimizer
CSS 整形與優化工具,基於 CSSTidy 構建。
通過框架加快 XHTML+CSS 設計工作,界面直觀,語法縮短。
CSS 菜單工具
13 Styles – CSS Menu Generator
簡單的 CSS 菜單生成器。
提供 30 多款橫向菜單,700 多款垂直菜單,多種菜單組合方式應有盡有。
純粹的 CSS 菜單生成工具。
多種現成 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 可輕鬆製作最基本的 CSS 導航菜單,嚮導性的製作步驟更容易上手。
CSS 按鈕
傻瓜化地配置樣式和參數,即可一鍵生成代碼。
菜單參數可調,改動刷新後可預覽。
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 框架,加強 CSS 編寫的規格化。
CSS 表格
簡單的 CSS 表格生成工具。
HTML and CSS Table Border Style Wizard
配置選項豐富的可視化表格樣式設計工具。
簡單配置即可設計美觀的表格樣式的CSS工具。
CSS Sprites
提供源圖片上傳,重複圖片合併,大小調整,拼合輸出,CSS 輸出等選項的控制,支持簡體中文。
把背景圖片的拼合任務交給 CSSSprites.com,它會幫你組圖並給出單個圖片的定位。
CSS 文本和字體
簡單的文本樣式配置工具。
CSS 表單
快速簡潔的CSS表單創建工具,只需定義字段名稱。
參數詳盡的CSS表單配置嚮導,生成的表單樣式代碼可直接下載。
英文原稿:50
Useful Tools and Generators for Easy CSS Development | Speckyboy
翻譯整理:50
款簡化 CSS 開發的實用工具和生成器 | 芒果