WEB设计中29款免费的顶级CSS工具和应用

时间:2014-09-14

16. Excessive

Excessive 是一个用 Python 开发的 CSS 压缩工具,可拖放任意多的文件并将这些文件合并到一个文件并即时压缩。

2012 顶级CSS工具和应用 6875c1f887fc00f0 thumb

17. CSS Refresh

CSSrefresh 是一个 JavaScript 库,用来实现无需刷新页面立即更换网页样式效果的功能,即插即用无需配置,只需要在页面中引入该 JS 文件即可。

2012 顶级CSS工具和应用 c3f51adf7f221aa0 thumb

18. Impress.js

impress.js 是一个Javascript程序包,它的功能是让你制作出令人眩目的内容展示效果,主要里利用了CSS 3D Transforms 里的旋转,扭曲,缩放等特性,所以,只有最新版的Firefox,或谷歌浏览器或苹果浏览器才能看到它产生的效果,好像在还未出世的IE 10 浏览器里也可以用。

2012 顶级CSS工具和应用 13e735797c73bf20 thumb

19. Bear CSS

Bear CSS 是一个免费使用的Web应用程序,用来根据给定的 HTML 生产对应的 CSS 样式。

2012 顶级CSS工具和应用 0277181b9f14d6d1 thumb

20. Less CSS

Less CSS 是一个使用广泛的 CSS 预处理器,通过简单的语法和变量对 CSS 进行扩展,可减少很多 CSS 的代码量。

LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (借助 Node.js).

2012 顶级CSS工具和应用 c6ea693f521f59ef thumb

21. css2less

css2less 是一个用 Ruby 开发的小工具用来将 css 转成 Less CSS 格式的文件。

2012 顶级CSS工具和应用 3084b769b0d5b14c thumb

22. Responsive GS

Responsive GS 是一个流体网格 CSS 框架,用于快速开发响应式的 Web 网站。

Responsive GS 提供三种风格:12、16 和 24 列,使用 media queries 支持所有标准设备。

2012 顶级CSS工具和应用 8e4b8eff5d019caf thumb

23. CSS3 Shapes

CSS3 Shapes 是一个在线网站,使用 CSS3 实现了各种图形效果。

2012 顶级CSS工具和应用 2cfd3e70fa42468c thumb

24. CSS Arrow Please

CSS Arrow Please 基于网络的CSS样式生成器,可用于所有如条纹,按钮,表格,loading 图标等CSS,完全使用 CSS 实现,无需图像。

2012 顶级CSS工具和应用 183118f99c6b79cf thumb

25. WebPutty

WebPutty 是一个应用程序,它允许你在线编写CSS代码,支持语法高亮显示的编辑器和侧端的预览面板可以让你看到实时的变化。

2012 顶级CSS工具和应用 fad176cd78f1c7dd

26. CSSFx.js

写CSS的时候经常要根据浏览器不同附加许多prefix,比如-moz-border-radius,业界对此也有很多的不爽。cssFx是一个可以自动帮你生成prefix的js,可以节省你很多时间和体力。

2012 顶级CSS工具和应用 af4d391fb3daa70c thumb

27. Dirty Markup

Dirty Markup 是一个免费的基于Web的应用程序,可以帮助您轻松地清洁乱码。编辑器使用一个简单+功能AceEditor的和各的美化可以有多种选择,以获得最佳的效果。

2012 顶级CSS工具和应用 dcaac426b4db0902 thumb

28. Crunch

Crunch 是一个基于 Adobe AIR 开发的 Less CSS 的编辑器。主要用于 Less 的编辑并编译成 CSS。

2012 顶级CSS工具和应用 d7dda709629b5ff6 thumb

29. CSS3 Test

CSS3 Test 是一个在线对浏览器的 CSS3 支持进行测试的网站。

2012 顶级CSS工具和应用 1425ee50811e9088 thumb 

本文地址: http://www.21andy.com/blog/20120913/2126.html

  • 共3页:
  • 上一页
  • 3/3下一篇
    上一篇:网站案例讲解:如何打造“自然”的决策体验 下一篇:负距离-相互影响的迭代过程

    相关文章

    最新文章