50個CSS工具

來源:互聯網
上載者:User

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表單設定精靈,產生的表單樣式代碼可直接下載。

英文原稿:50 Useful Tools and Generators for Easy CSS Development | Speckyboy

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.