`

50款CSS使用工具

    博客分类:
  • CSS
阅读更多

50款css工具
引自:http://bbs.seuuo.com/thread-2613-1-3.html

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 – [url]www.pagecolumn.com[/url]
使用 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 SpritesCSS Sprite Generator
提供源图片上传,重复图片合并,大小调整,拼合输出,CSS 输出等选项的控制,支持简体中文。
CSSSprites.com
把背景图片的拼合任务交给 CSSSprites.com,它会帮你组图并给出单个图片的定位。
CSS 文本和字体CSS Type Set
简单的文本样式配置工具。
CSS 表单Quick Form Builder
快速简洁的CSS表单创建工具,只需定义字段名称。
Form Style Web 2.0 Generator
参数详尽的CSS表单配置向导,生成的表单样式代码可直接下载。

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/sgivee/archive/2010/02/08/5297348.aspx

分享到:
评论

相关推荐

    CSS格式化工具

    - **Prettier**:一款通用的代码格式化工具,支持多种编程语言,包括CSS,能与各种编辑器和IDE集成。 - **CSScomb**:专为CSS设计的格式化工具,提供自定义配置选项。 - **Autoprefixer**:虽然主要负责添加...

    CSS减肥工具Firefox插件CSS Usage

    2. "CSS减肥工具Firefox插件CSS Usage使用教程.txt" - 这是一个文本文件,提供了关于如何使用CSS Usage插件的详细步骤和指导,对于初学者来说非常有用,它解释了如何分析和清理CSS代码。 3. "firebug-2.0.16-fx.xpi...

    Yahoo Css压缩工具

    【Yahoo CSS压缩工具】是 Yahoo 开发的一款高效能的CSS优化工具,主要目的是为了减小CSS文件的大小,提高网页加载速度,进而提升用户体验。在Web开发中,CSS文件的大小直接影响页面的加载时间,尤其是在网络带宽有限...

    css样式工具 css学习工具

    二、CSS工具 1. 预处理器:如Sass(SCSS)、Less和Stylus,它们提供了变量、嵌套规则、混合等功能,使得CSS编写更高效,代码更易于维护。 2. PostCSS:后处理器,允许开发者使用未来CSS特性,通过插件转换为浏览器...

    js和css压缩工具

    "js和css压缩工具"就是这样的工具,它能够帮助我们自动化地完成代码压缩工作,减少不必要的字符、空格和注释,从而达到节省带宽、加速页面加载的目的。 TBCompressor 是一个可能的JS和CSS压缩工具,尽管没有提供更...

    JS_CSS压缩工具

    1. UglifyJS:一款广泛使用的JavaScript压缩工具,它能够删除无用的代码,合并变量,并进行最小化命名,以达到压缩效果。 2. Terser:UglifyJS的接班人,功能更强大,支持ES6+语法,压缩效果更佳。 3. Google ...

    css模板工具

    6. **CSS最佳实践**:一个好的CSS模板工具会遵循最佳实践,比如使用语义化的类名、避免使用ID选择器、合理组织CSS结构等,以提高代码可读性和可维护性。 7. **性能优化**:模板工具通常会考虑CSS性能,例如通过最小...

    简单CSS调试工具v1.0

    为了帮助开发者更有效地解决这一问题,一款名为“简单CSS调试工具v1.0”的应用应运而生。 这款工具的核心设计理念是简洁易用,旨在为开发者提供一个快速定位和修复CSS问题的平台。在1.0版本中,开发者可以期待以下...

    CSS调试工具,CSS可视化编辑器

    通过使用这些工具,开发者不仅可以高效地解决问题,还能更好地理解和应用CSS,从而创造出更具吸引力和用户体验的网页。对于初学者来说,它们是学习CSS的良好辅助,能够通过实践和互动的方式加深理解;对于经验丰富的...

    CSS优化工具CSSTidy.zip

    CSSTidy 是一个开源的样式表CSS优化工具,使用csstidy 可以轻易的将你的CSS 样式压缩,压缩率能达到1/4以上,还可以自动将CSS代码中的注释、多余的属性去掉,并将相似的样式合并以达到优化压缩CSS样式最大化。...

    可视化 Blueprint 框架 CSS 生成工具

    使用“可视化Blueprint框架CSS生成工具”不仅可以提高开发效率,还能确保样式的一致性和可扩展性。对于团队协作来说,它可以帮助建立统一的代码风格,降低沟通成本,提升项目的整体质量。 总结来说,这个工具是CSS...

    css制作工具

    总的来说,CSS制作工具的使用能够帮助开发者更好地管理和优化CSS代码,提高网页设计的质量和速度。了解并熟练运用各种工具,是每个前端开发者必备的技能之一。通过持续学习和实践,我们可以掌握这些工具的精髓,从而...

    前端开发工具之CSS工具库

    在前端开发领域,CSS工具库扮演着至关重要的角色,它们为开发者提供了丰富的样式组件、预处理器、自动化工具和布局解决方案,极大地提升了开发效率和代码质量。以下是对“前端开发工具之CSS工具库”这一主题的详细...

    css下载工具 仿站图片下载工具

    "CSS下载工具 仿站图片下载工具"就是专为这类需求设计的一款实用软件,它能够帮助用户自动化地下载CSS文件中引用的所有图片,极大地提高了仿站的效率。 首先,我们来理解一下CSS(Cascading Style Sheets)的重要性...

    简单css调试工具v1.0 完整版

    "简单CSS调试工具v1.0 完整版"是一款专为解决网页样式调试难题而设计的实用软件。在Web开发过程中,CSS(层叠样式表)起着至关重要的作用,它负责定义网页元素的布局、颜色、字体等视觉表现。然而,调试CSS代码往往...

    Table转div+css工具

    "Table转div+css工具"就是专为此目的而设计的一款实用软件,它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的新代码。这种转换对于优化网页性能、提高可维护性和实现响应式设计具有重要意义...

    网页设计css工具及api

    解压并使用这个工具,可以节省大量手动编写CSS代码的时间,同时也提供了学习不同CSS技巧的机会。 学习CSS的过程中,理解盒模型、选择器优先级、层叠原则以及响应式设计是基础。同时,掌握CSS预处理器如Sass或Less,...

    JSCSS压缩工具

    1. **兼容性**:确保压缩工具支持你正在使用的JS和CSS版本。 2. **性能**:处理大量文件的速度和效率。 3. **易用性**:是否有直观的用户界面或者简单的命令行选项。 4. **混淆程度**:对于JS,你可能需要调整混淆...

    Firefox浏览器插件Firebug和CSS减肥工具CSS Usage(清理无用CSS样式的CSS精简工具)

    Scan: 通过字面意思我们就能知道,这是一个扫描当前页面的工具,如果我们的站点只有一个页面或者几个页面,我们可以通过使用此功能按键来查看页面的css实用情况. Clear: 清除扫描结果,当我们查看完网页,并对CSS 进行了...

    CSS格式化工具 Visual CSS

    Visual CSS(VCS)是一款专为开发者设计的CSS代码编辑器,它提供了强大的功能,使得CSS编写、调试和格式化变得更加直观和高效。 1. **实时预览功能** VCS的最大亮点在于其实时预览功能。在编写CSS代码时,用户可以...

Global site tag (gtag.js) - Google Analytics