50款实用的CSS工具

包含CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。

 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表单配置向导,生成的表单样式代码可直接下载。

时间: 2024-11-03 15:26:13

50款实用的CSS工具的相关文章

从Win角度认识Linux:一款实用的下载工具

一款实用的下载工具Get Linux 近日,编者发现一个桌面小工具,名叫Get Linux是一款小型的Windows工具(后缀.exe),它可以为网友免去四处寻找Linux发行版下载地址的苦恼,在它提供的一个页面里网络了 100多种常见Linux发行版下载地址.不仅如此,Get Linux还区分32位和64位两种类型版本的下载,同时还表明该操作系统的版本信息和桌面截图.  Get Linux运行界面 https://dn-linuxcn.qbox.me/data/attachment/album

在网页设计中五款实用的CSS辅助开发工具

CSS作为网页设计制作的一门基础语言,在网页设计中,它表现出了其独特的优势.例如更简洁的语言,模块化的结构. 对于页面开发而言是设计排版的改进.对于访客用户而言则是有助浏览速度的提高.而在开发维护以及在做被搜索时的SEO,使用CSS都是目前最好的选择.为了更好的对CSS进行开发,我们可以选择一些有帮助的工具. 1.CSS 3.0 Maker CSS3.0Maker是一款免费在线生成CSS3效果的工具,其所提供的CSS效果使用起来都十分方便.包括Border Radius.Gradient.CSS

2014 年 20 款最好的 CSS 工具

说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码. 而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计利器. 在这篇文章中,我们罗列了 2014 年最好的 20 款 CSS 工具,希望能帮助大家简化自己的开发工作,创作出更多更好的创新作品.Enjoy! Enjoy CSS EnjoyCSS 能创

15款新鲜出炉的实用网页设计工具

  在信息爆炸的今天,设计师要通过网络寻找设计素材 和工具是一件简单的事情,相应的,要找到真正可靠且素质优秀的素材 ,也越发的不容易.在海量的网站中寻找一个符合需求的素材 ,花费在搜索和筛选上的时间也越来越长.这种情况使得今天这样的设计工具/素材推荐类的文章与合集显得更有意义,也弥足珍贵. 由于网页设计师和开发者之间的界限越来越模糊,两者所用的工具和素材的交叉重叠的情况也非常普遍.今天所推荐的这15项全新的工具/素材里,应该有很多都值得网页设计从业者们收入囊中.这当中涵盖了设计类应用.框架.分析

IT管理员得力小助手 分享5款实用网络管理工具

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网络管理包括对硬件.软件和人力的使用.综合与协调,以便对网络资源进行监视.测试.配置.分析.评价与控制.IT管理人员正对网络管理的要求较高,需要通过工具对网络上的资源进行集中化管理和操作.下面,IDC评述网与大家分享5款实用的网络管理工具. 1.Panoptes Panoptes是一个可伸缩,可扩展的网络和主机的监测工具.包括一个基于Dojo

2015年50+ CSS 工具、框架、库合集

CSS动画工具 & 库 1. Animate Plus 一个可以帮你创建CSS属性和SVG属性的JavaScript动画库. 2. Rocket 一个创建WEB动画的简单的工具. 3. Tuesday 新奇CSS动画库. 4. Shift.css 创建定时CSS动画的简单框架. 5. MOTION UI 用于创建灵活的CSS过渡和动画的SASS库. 6. Transformicons 使用SVG和CSS的动画图标.符号.按钮. CSS实用程序和工具 7. sanitize.css 让浏览器渲染元

2017年:35款最佳CSS工具

Web一直在不断变化,而前端开发者们也一直在努力学习以适应这股潮流中的种种现实要求.面向2017年,我们整理出35款最佳CSS工具,希望帮助大家在改进前端开发流程的同时,让您的日常工作更为轻松愉快. 1.CSS Reference 一份免费视效指南,助您轻松掌握流行CSS属性. 2.CSSPIN 其具备一组不同的交互式Pure CSS Loaders与Spinners,且建立于LESS Preprocessor基础之上.各Pure CSS Loader与Spinner可轻松进行定制,并被嵌入至开

24款非常实用的CSS3工具终极收藏

译文链接:24款非常实用的CSS3工具终极收藏

17款加速效率的CSS工具

作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间.这对于提高你的工作效率并最大化你的利润是非常重要的.下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间. 表格类 1.CSS Form Code Maker – 很方便地生成"五颜六色的BOX布局"的表格.2.JotForm – JotForm是一个"所见即所得"的表格生成器. 字体类 1.Em Calculator – EM Calculator可以帮助你计算px与em之