41 个优秀且实用的免费 CSS 工具

作者: Admin 分类: 网站程序 发布时间: 2015-01-20 21:56 ė 6 没有评论

  对于 Web 开发人员而言,CSS 非常实用也不得不用,因为 CSS 能够帮助开发人员创造更加时尚、更有创意的网站或 Web 应用程序。CSS 虽然看似简单,但想写出高效实用的 CSS 却并非易事,初学者更是如此。如是,找到一款好的 CSS 工具是非常有意义的事情,甚至就像迷路的人找到了一盏神灯,好的 CSS 工具可以让开发者那些繁琐而复杂的任务变得生动有趣。本文我们要介绍的就是 40 款实用的 CSS 工具。

  1、YAML Builder

  YAML Builder是强大的可视化布局工具,只需要简单的设置参数和拖拽模块就能快速创建基于YAML的布局。

  2、Ultimate CSS Gradient Generator by ColorZilla

  非常棒的一款 CSS 渐变生成工具,支持跨浏览器。

  3、Grid Designer

  Grid Designer 用于在线网格设计,有很多选项用于定义列,尺寸和间距。

  4、My CSS Menu

  My CSS Menu 用于自定义跨浏览器的 CSS 菜单制作。

  5、Csstxt

  Csstxt 帮助你定义文本样式。

  6、Simple CSS

  Simple CSS 帮助你非常容易的创建层叠样式表。

  7、Firdamatic: the Design Tool for the Uninspired Webloggers

  Firdamati 是一个无表格布局生成器,可以帮助你容易的创建一个表单,可定制皮肤。

  8、Sky CSS Tool

  Sky CSS 可以让你在无需编写任何编码就可以创建 CSS 类。

  9、The 1KB CSS Grid

  这是一款非常轻量的 CSS 网格工具。

  10、Free CSS Template Code Generator

  一款 CSS 模板代码生成工具。

  11、Variable Grid System

  The variable grid system 是一款快速生成 CSS 网格的工具,基于 960 网格系统。

  12、GRIDINATOR

  Gridinator 帮助你生成基于 960.gs 的网格布局。

  13、Blueprint Grid CSS Generator

  这也是一款生成灵活网格布局的工具。

  14、CSS Grid Calculator

  使用 CSS Grid Calculator 可以快速的创建一个可视化布局。

  15、Templatr

  这款在线工具,能帮助你为你的网站快速创建一个独一无二的模板。

  16、XHTML/CSS Markup Generator

  Markup Generator 是一款简单的标记代码生成工具。

  17、Spiffy Corners – Purely CSS Rounded Corners

  Spiffy Corners 是一款圆角效果生成工具。

  18、Spritebox

  Spritebox 是一款所见即所得的工具,帮助设计师从一张 Sprite Image 生成 CSS Classes 和 CSS IDs。

  19、SlickMap CSS

  SlickMap CSS 是一个简单的样式单用来根据 Sitemap 显示对应的图形化信息。

  20、CSS Layout Generator – CSS Portal

  一款 CSS 布局在线生成工具。

  21、CSS Menu Maker

  一款在线的 CSS 菜单生成工具。

  22、Clean CSS

  CleanCSS 是一款很棒的 CSS 格式化和优化工具。

  23、CSS3 Please!

  一款非常强大的在线 CSS 工具。

  24、Tabs Generator

  这是一款选项卡在线生成工具。

  25、CSS Sorter

  帮助你对 CSS 规则按字母进行排序。

  26、CSS Type Set

  这是一款辅助你选择字体的工具。

  27、CSS Layout Generator

  这也是一款 CSS 布局生成工具。

  28、Layout Generator

  一款用于生成多列布局和网格布局的工具。

  29、Em Calculator

  Em Calculator 是一款单位换算工具。

  30、Colors Pallete Generator

  Colors Pallete Generator 是一个在线查看图片配色的服务。Colors Pallete Generator 只需要上传图片,或者输入图片的网络地址,其便可以分析出此图片应用的配色方案。

  31、CSS Menu Generator by Webmaster Toolkit

  CSS Menu Generator 是一款在线菜单生成工具。

  32、CSS Table Wizard

  使用 CSS Table Wizard 试验边框样式并生成对应代码。

  33、CSS Layout Generator

  CSS Layout Generator 是一款在线工具,用于创建 HTML+CSS 模板(layouts)。

  34、Fonttester

  Font Tester 是一款字体在线对比工具。

  35、CSS font style

  The CSS font-style 字体样式属性用于设置字体样式为斜体或倾斜。

  36、CSS Color Codes

  CSS Color Codes 带有两个选择,十六进制颜色代码和 RGB 颜色代码,以便您可以从颜色选择器轻松地选择与色彩,并从底部获取十六进制值。

  37、CSS Colors

  CSS Colors 为您提供全面的图表,显示十六进制以及 RGB 颜色值。你可以很容易找到的 RGB 颜色组合,从 0 到 255,一共有超过 16 万色。

  38、WordPress Theme Generator

  一款 WordPress 主题在线生成工具。

  39、List-O-Matic

  List-O-Matic 是一款用于创建列表布局的工具。

  40、Typetester

  Typetester 用于在线比较字体效果。

  41、MinifyMe

  一款压缩工具,帮助你快速的把 CSS 和 JavaScript 文件压缩成一个文件。

  原文:40 Excellent (Yet Free) CSS Tools And Generators For Developers

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: http://wego2.com/41-ge-you-xiu-qie-shi-yong-de-mian-fei-CSS-gong-ju.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部