10 款实用的 CSS 开发助手推荐

转载 2016年08月29日 13:36:30

本文整理了10款非常实用的CSS工具,这些工具可以帮你处理一些单调重复性的工作,大大提高了Web开发工作效率,简化了工作流程。

原文:http://web.jobbole.com/13758/

1.  Animatable

该工具用于创建CSS3动画,创建的动画可以在任何平台或设备(包括Android、BlackBerry、iOS 和WebOS等)中的现代浏览器中运行。即便你不熟悉CSS,该工具也能帮助你创建多场景的CSS3动画。

10 款实用的 CSS 开发助手推荐

2.  CSS3 Buttonize Framework

这是一个轻量级、灵活、即时按钮框架。只需简单选择按钮样式示例,然后根据提供的链接下载CSS代码即可。该框架还会告诉你如何使用这些代码。

10 款实用的 CSS 开发助手推荐

3.  Patternify

这是一个简单的CSS图案生成器。你可以在基于Web的图形化界面中绘制你想要的图案,然后该工具将自动生成CSS代码。

10 款实用的 CSS 开发助手推荐

4.  CSS3 Patterns Gallery

正如该工具的名字,这是一个CSS图案画廊,网页中显示了每个图案的预览,单击你需要的图案,即可显示该图案的CSS代码。

10 款实用的 CSS 开发助手推荐

5.  Columnal

这是一个CSS网格系统,整合了两套自定义CSS代码。Elastic网格系统来自cssgrid.net,另外一些来自960.gs

10 款实用的 CSS 开发助手推荐

6.  Spritemapper

该工具可以将多个图片合并成一个,并生成相应切片的CSS配置代码。这样,既节省了你写代码的时间,又提高了网页加载时间。

10 款实用的 CSS 开发助手推荐

7.  The Web Font Combinator

该工具通过示例,让你直观地试验、预览页面中各部分(标题、副标题、正文)字体的效果。

10 款实用的 CSS 开发助手推荐

8.  Layer Styles

这是一个基于浏览器的图形编辑器,你可以在一个对话框(类似于Photoshop图层样式对话框)中设置图形的样式,然后该工具会自动生成CSS代码。

10 款实用的 CSS 开发助手推荐

9.  Sencha Animator

这是一个桌面应用,允许你创建可在现代浏览器和触屏移动设备中运行的CSS3动画。

10 款实用的 CSS 开发助手推荐

10.  Holmes

这是一个CSS样式诊断工具,通过添加一个类,即可在页面中高亮显示一些错误或无效的HTML/HTML5标记,如使用红色边框显示错误信息、黄色边框显示警告信息、灰色边框显示不赞成使用的样式,还可以突出显示可改进的标记、非W3C元素和属性等。

10 款实用的 CSS 开发助手推荐

【我的Android进阶之旅】推荐一款能提升数十倍效率的Android应用开发助手

一功能介绍 a调试相关 1布局边界 2布局更新 3强制GPU渲染 4GPU渲染 5指针位置 6严格模式 7不保留应用 8不锁定屏幕 9开发者选项 10系统设置 11语言设置 12USB调试 b UI相...
  • qq446282412
  • qq446282412
  • 2017年01月06日 00:12
  • 3013

超好用的办公软件推荐,总有一个你喜欢

逆天的办公软件,说白了就是功能强大、实用又方便的软件啦……我们工作中如果可以使用到一些逆天的办公软件,不止工作轻松,效率也是杠杠的。 接下来,我就根据实战经验给大家推荐几款办公神器。 一、行政办公...
  • qq_40427481
  • qq_40427481
  • 2017年09月29日 18:42
  • 692

超实用css代码段笔记

文本居中: text-align:center;模块居中: margin:0 auto;行高: line-height:20px;//配合文本居中使用文本缩进: text-indent:15p...
  • zengyonglan
  • zengyonglan
  • 2016年11月17日 22:03
  • 633

介绍一本书《实用内科学》

介绍一本书《实用内科学》 第一次正视的看到有编委会的书 有主编和副主编的书 好大的阵容。而这点并不是我想和大家分享的要点。 要点是:出版历史: 第 1 版,出版时间是1952年9月(主编:林...
  • wide288
  • wide288
  • 2016年12月16日 16:21
  • 414

5款另类多媒体播放器推荐

CHKen Player:顶!大小仅31K的国产播放软件 现在PC中的各种多媒体播放器可以说是举不胜举,利用Windows Media Player、RealPlayer、暴风影音等来播放多媒体文件都...
  • icerock2000
  • icerock2000
  • 2005年12月13日 08:52
  • 1058

推荐几个很实用的编程网站

一些很实用的在线编程网站,适合初学者和各个级别的编程爱好者。 工具/原料 一台可以上网的笔记本电脑,和一双可以打字的手。 国内...
  • github_34457546
  • github_34457546
  • 2016年10月07日 11:04
  • 412

推荐 10 款最好的 Python IDE

在 Python 的学习过程中少不了 IDE 或者代码编辑器,这些工具有助于加快开发 Python 的速度,提高效率。高效的代码编辑器或者 IDE 一般会提供插件、工具等能帮助开发者高效开发的特性。 ...
  • u011012932
  • u011012932
  • 2016年04月05日 22:58
  • 9749

10 款优秀的文件管理插件推荐

本文整理了10款优秀的文件管理插件,这些插件基于jQuery、AJAX和PHP,你可以轻松进行定制并加入到自己的项目中。通过它们,你和用户可以通过浏览器来预览、上传、修改文件和文件夹。 1....
  • testcs_dn
  • testcs_dn
  • 2012年10月12日 10:53
  • 6086

博客园个人认为比较好看的两个皮肤

InsideDotNet  Minyx2_Lite FFandIE
  • PfanAya
  • PfanAya
  • 2011年09月30日 22:54
  • 3415

推荐 10 款 CSS 框架,网页设计就是这么简单

程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,本文即将为你介绍10款相当不错的CSS框架。 1、CSS网页布局框架 Elastic 简单的 ...
  • geekone
  • geekone
  • 2011年05月21日 10:24
  • 300
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:10 款实用的 CSS 开发助手推荐
举报原因:
原因补充:

(最多只允许输入30个字)