引用:http://linuxstuding.iteye.com/blog/1228779
50款CSS工具,包含,CSS網(wǎng)格和布局工具,CSS 優(yōu)化工具,CSS 菜單生成工具,CSS 按鈕生成器,CSS 圓角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表單生成器。
新穎的 CSS 網(wǎng)格工具,可用于簡化內(nèi)容管理系統(tǒng)的頁面模板,輕巧易用。
基于 960px 的常規(guī)CSS網(wǎng)頁布局工具,用于快速生成基本的 CSS 網(wǎng)格。
可控性強,選項豐富的網(wǎng)格系統(tǒng),支持 CSS 在線即時輸出。
Design By Grid PNG Grid Generator
生成用于CSS網(wǎng)格的 PNG 圖片,以方便地用作 PSD 或 html/CSS 設(shè)計背景,免除手工制作網(wǎng)格的麻煩。
用于設(shè)計布局結(jié)構(gòu),制定列、邊緣、間距等參數(shù)。
可視化,快捷的標(biāo)準(zhǔn) XHTML 頁面框架生成工具,但對 IE6 兼容欠佳。
簡單定制基于網(wǎng)格的CSS布局工具,可自定義多種參數(shù)。
生成適用于 960.gs,Golden Grid,1KB Grid 的網(wǎng)格布局,也可生成基本的通用網(wǎng)格。
來自 Yahoo 的網(wǎng)格工具,用于創(chuàng)建基礎(chǔ)布局,統(tǒng)一瀏覽器表現(xiàn)。
幫助你創(chuàng)造更靈活的 CSS 藍(lán)圖,包括 grid.css、compressed.css 和 grid.png 文件。
快速設(shè)計頁面布局,以多種方式構(gòu)造網(wǎng)格。對于頁面元素在瀏覽器中的表現(xiàn)方式,提供了精確的視覺反饋。
Layout generators – www.pagecolumn.com
使用 CSS 2.0 技術(shù)生成 1-5 列的布局輸出。
Dynamic 4 Column Layout Generator
可控性強的 4 欄式頁面布局生成器。
CSS Layout Generator – CSS Portal
創(chuàng)建自適應(yīng)或固定寬度欄式布局,可指定或者像素或百分比。
模板生成器,可在線創(chuàng)建單獨的設(shè)計方案。無需了解任何 HTML 和 CSS 知識。
CSS Source Ordered 1-3 Columned Page Maker
生成 1-3 欄式頁面的 CSS 代碼。
創(chuàng)建自適應(yīng)寬度或固定寬度的浮動欄式布局。
Online CSS Optimiser/Optimizer
輸入網(wǎng)址或復(fù)制并粘貼到樣式輸入框中,一鍵提交即可優(yōu)化。
Free CSS Template Code Generator
三欄式布局生成工具,同步生成 HTML 和 CSS 代碼。
CSS Builder – Generate Styles on the Fly
只需填寫表格數(shù)據(jù),單擊生成,并復(fù)制代碼到樣式表。
Firdamatic: the Design Tool for the Uninspired Webloggers
通過完成一份簡單的表格輸入來創(chuàng)建和定制布局,輕而易舉。
在線定制獨一無二的 wordpress 主題。只需改變顏色,設(shè)置,布局等參數(shù),完成后保存并下載。
CSS Formatter and Optimiser/Optimizer
CSS 整形與優(yōu)化工具,基于 CSSTidy 構(gòu)建。
通過框架加快 XHTML+CSS 設(shè)計工作,界面直觀,語法縮短。
13 Styles – CSS Menu Generator
簡單的 CSS 菜單生成器。
提供 30 多款橫向菜單,700 多款垂直菜單,多種菜單組合方式應(yīng)有盡有。
純粹的 CSS 菜單生成工具。
多種現(xiàn)成 CSS 菜單可供選擇,支持樣式自定義。
My CSS Menu Generator – Horizontal, Vertical, Drop Down, DHTML CSS Menu
自定義創(chuàng)建瀏覽器兼容的 CSS 菜單。導(dǎo)航內(nèi)容,方向性,均可控制。
CSS Menu Generator – Webmaster Toolkit
CSS 控制的文本形式的菜單有比圖片形式的菜單具有更強的搜索引擎友好性。
CSS Menu Generator – CSS Portal
提供了較為豐富的 CSS 菜單模板。
著名的 List-O-Matic 可輕松制作最基本的 CSS 導(dǎo)航菜單,向?qū)缘闹谱鞑襟E更容易上手。
傻瓜化地配置樣式和參數(shù),即可一鍵生成代碼。
菜單參數(shù)可調(diào),改動刷新后可預(yù)覽。
RoundedCornr: Rounded Corner and Gradient Generator
產(chǎn)生一個基本CSS圓角。附帶四個圓角圖像文件和必要的 HTML 及 CSS 代碼。
Spiffy Corners – Purely CSS Rounded Corners
簡單生成 CSS 和 HTML 以滿足創(chuàng)建無鋸齒圓角,而無需使用圖像或 javascript 腳本。
Spiffy Box – Simple Rounded Corner CSS Boxes
簡單的 CSS 圓角框生成器。
Cornershop – Rounded Graphics for CSS Box Corners
生成圓角的 HTML 和 CSS 代碼的CSS工具。
構(gòu)造基本的 CSS 框架,加強 CSS 編寫的規(guī)格化。
簡單的 CSS 表格生成工具。
HTML and CSS Table Border Style Wizard
配置選項豐富的可視化表格樣式設(shè)計工具。
簡單配置即可設(shè)計美觀的表格樣式的CSS工具。
提供源圖片上傳,重復(fù)圖片合并,大小調(diào)整,拼合輸出,CSS 輸出等選項的控制,支持簡體中文。
把背景圖片的拼合任務(wù)交給 CSSSprites.com,它會幫你組圖并給出單個圖片的定位。
簡單的文本樣式配置工具。
快速簡潔的CSS表單創(chuàng)建工具,只需定義字段名稱。
參數(shù)詳盡的CSS表單配置向?qū)?,生成的表單樣式代碼可直接下載。
英文原稿:50 Useful Tools and Generators for Easy CSS Development | Speckyboy
翻譯整理:50 款簡化 CSS 開發(fā)的實用工具和生成器 | 芒果