日期:2013-05-26  浏览次数:21578 次

 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 设计任务,界面直观,语法缩短。