分享40个免费的css辅助工具

标签: 分享 免费 css | 发表时间:2011-05-12 13:25 | 作者:iiduce Zhenhua
出处:http://css9.net/
对于Web开发人员来说,找到有用的CSS工具,就像找到一个魔灯,可以让他那些艰难的任务变得有趣。CSS工具帮助开发人员创造更加时尚,更有创意的网站。在这篇文章中收集了40个有用和强大的CSS工具,记得收藏起来哦。

YAML Builder

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

Ultimate CSS Gradient Generator by ColorZilla

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

Grid Designer

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

My CSS Menu

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

Csstxt

Csstxt 帮助你定义文本样式。

Simple CSS

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

Firdamatic: the Design Tool for the Uninspired Webloggers

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

Sky CSS Tool

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

The 1KB CSS Grid

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

Free CSS Template Code Generator

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

Variable Grid System

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

GRIDINATOR

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

Blueprint Grid CSS Generator

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

CSS Grid Calculator

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

templatr

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

XHTML/CSS Markup Generator

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

Spiffy Corners – Purely CSS Rounded Corners

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

Spritebox

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

SlickMap CSS

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

CSS Layout Generator – CSS Portal

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

CSS Menu Maker

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

Clean CSS

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

CSS3 Please!

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

Tabs Generator

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

CSS Sorter

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

CSS Type Set

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

CSS Layout Generator

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

Layout Generator

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

Em Calculator

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

Colors Pallete Generator

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

CSS Menu Generator by Webmaster Toolkit

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

CSS Table Wizard

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

CSS Layout Generator

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

Fonttester

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

CSS font style

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

CSS Color Codes

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

CSS Colors

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

WordPress Theme Generator

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

List-O-Matic

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

Typetester

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

MinifyMe

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

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


相关 [分享 免费 css] 推荐:

分享40个免费的css辅助工具

- Zhenhua - CSS9.NET
对于Web开发人员来说,找到有用的CSS工具,就像找到一个魔灯,可以让他那些艰难的任务变得有趣. CSS工具帮助开发人员创造更加时尚,更有创意的网站. 在这篇文章中收集了40个有用和强大的CSS工具,记得收藏起来哦. YAML Builder是强大的可视化布局工具,只需要简单的设置参数和拖拽模块就能快速创建基于YAML的布局.

分享45款高质量的免费(X)HTML/CSS模板

- Mikel - 博客园-首页原创精华区
  当你需要在短时间内设计出一个网站的时候,网站模板就非常有用了. 这也就是为什么这些设计模板已成为设计领域的最新趋势的原因. 在这篇文章中,收集了各式各样的网站模板,您可以免费下载使用,希望这些设计模板不仅带给您灵感,也让您回到创作轨迹. Coffee Maker ( 演示 | 下载 ). BusinessTemplate ( 演示 | 下载 ).

收集免费的HTML/CSS/JS UI工具包

- - Jackchen Design 1984
随着HTML5和CSS3以及网页设计布局的全面翻新创新改革. 让很多网页设计者和界面设计师都知道一个道理. 这不仅仅是未来提高工作的效率,还能更好的去处理网页整体视觉效果. 优秀的工具包可以让您的工作事半功倍是肯定. 重要的是可以让流程更加清晰快速的呈现出来. 所以对于很多好的网站(比如Facebook,twitter,YaHOO等)你看第一眼就能知道他们所属的风格指向.

20免费的响应网页 HTML & CSS 模板

- - 苏打苏塔
响应设计(Responsive design)是今年流行的一种设计趋势,随着移动设备越来越多的被人们接受与应用,网页的设计也要注意在小屏幕下的展现方式与用户体验,于此而生的就是响应网页设计. 在这一次的分享中,和大家分享一些免费的响应 网页设计模板,你可以从这些免费的资源中,学习到如何制作响应屏幕大小(或者是说浏览器大小)的WEB设计.

WebRebuild 分享: 支付宝CSS样式架构

- 红茶 - 幸福收藏夹
发现每次有 PPT 的夜晚都会有暴风雨和音乐,最终分不清听到的声音究竟是自己想要还是外加的. 然后,嗅着熟悉城市的味道,带着想念和把所有人当大西瓜的勇气开始上台,分享自己的历程,散播自己的想法. 这次最大的感触不是技术层面上的,而是态度与生活. Nico 的坚持,Impact 兼做体验报告的努力,Emu 的想法,这是他们的态度;鸽子小两口淡淡的让人羡慕的幸福,猫哥依然自由和帅气拖着他家梅儿,Loading 对生活与工作平衡的看法.

分享20个 PSD 转换为 XHTML/CSS 的教程

- - 博客园_梦想天空
   在网上能搜罗到很多的PSD素材,有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材. 那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢. 今天这篇文章要和大家分享的就是20个非常棒的把 PSD 转换为 XHTML/CSS 的教程. 梦想天空博客关注 前端开发技术,展示 HTML5和 CSS3应用,分享 jQuery插件,推荐优秀 网页设计案例.

经验分享:CSS浮动(float,clear)通俗讲解

- - 博客园_首页
       很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程.        前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家.        由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解.        如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你.

【资源分享】各种免费VPN

- 活肥马 - 乐淘吧
unixtool提供美国和香港免费PPTP VPN 400M月流量,. 申请地址:https://unixtool.com/vpn/signup.html. 申请很简单,提交你的邮箱即可. 申请之后,unixtool将PPTP VPN服务器、帐号和密码发送到你的邮箱,即可使用. (如果域名无法使用可以直接使用其对应IP).

CSS图形

- GLORY - 酷壳 - CoolShell.cn
下面的示例展示了使用纯CSS制作的各种图形,你可以自由地修改文中的CSS代码. 经测试,IE9, Chrome, FF, Safari都可以正常显示. 五角星形 via Kit MacAllister. 心形 via Nicolas Gallagher. 无穷大 via Nicolas Gallagher.

用 Compass 寫 CSS

- Jay - Blog.XDite.net
最近在開發一個新產品,整體來說應該是接近寫完了,不過越接近完工,抓 IE 系列的 bug 就越是挫折. 朋友 @evenwu 就來洗我要不要換成 Compass,說這東西超神奇,超好用,還可以把 IE bug 殺光光. 其實之前就久仰 Compass 大名了,只是文件實在看起來太他媽的眼花繚亂,因為專案進度一直在跑,不太敢貿然換掉寫 CSS 的方式.