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 开发助手推荐

相关文章推荐

值得拥有!精心推荐几款超实用的 CSS 开发工具

当你开发一个网站或 Web 应用程序的时候,有合适的工具,绝对可以帮助您节省大量的时间。在这篇文章中,我为大家收集了超有用的 CSS 开发工具。   对于 Web 开发人员来说,找到有用的 CS...

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

程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,因为开源帮了你,下面为你介绍11款相当不错的CSS框架,专心做程序吧,网页设计交给开源帮你。CSS...

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

程序开发人员和网页设计人员掐架的事情常有听说,程序员们总是为自己设计不出来漂亮的网页而纠结。不再郁闷,本文即将为你介绍10款相当不错的CSS框架。 1、CSS网页布局框架 Elastic 简单的 ...
  • geekone
  • geekone
  • 2011年05月21日 10:24
  • 264

推荐10 个短小却超实用的 JavaScript 代码段

JavaScript正变得越来越流行,它已经成为前端开发的第一选择,并且利用基于JavaScript语言的NodeJS,我们也可以开发出高性能的后端服务,甚至我还看到在硬件编程领域也出现了JavaSc...
  • weimjay
  • weimjay
  • 2016年07月22日 15:58
  • 112

游戏程序开发必知的10大基础实用算法及其讲解

转自:http://www.cnblogs.com/msxh/p/4931243.html 算法一:快速排序算法 快速排序是由东尼·霍尔所发展的一种排序算法。在平均状况下,排序 n 个...
  • earbao
  • earbao
  • 2016年10月12日 11:44
  • 218

推荐几份能够帮助你学习 CSS3 的实用帮助手册

今天这篇文章向大家分享几份对学习 CSS3 非常有帮助的手册,大家记得收藏起来。CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多...
  • Tizian
  • Tizian
  • 2012年09月11日 10:42
  • 181

不容错过的17款面向CSS开发人员的实用框架及工具

几乎每一天我们都以找到值得分享的实用工具,帮助大家在CSS开发这条探索之路上找到新的光明前景与几乎无尽的可能性。遥想当初,我们一路见证了CSS的成长,而如今我们能够不容置疑地断言,CSS已经成为Web...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:10 款实用的 CSS 开发助手推荐
举报原因:
原因补充:

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