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

时间:2014-09-14

6. Photon

Photon 是一个JavaScript库,实现了在三维空间中的任何元素添加简单的照明效果。为了制造出效果,它采用了WebKitCSSMatrix的对象 (WebKit是唯一支持的浏览器引擎)。光的角度可以定义,并随时更改所提供的功能。这是可能被点亮一个由一个或一组一次来定义对象,我们可以通过设置 的最大黑色+白色用法自定义的效果。

2012 顶级CSS工具和应用 d1d1775fba39c19f thumb

7. Gridpak

Gridpak 的目的是实现了响应式的 Web 页面设计,提高您的工作流程,节省了时间。通过生成PNG图像,CSS和JavaScript,,让 Gridpak 创建响应式的简单界面。

Gridpak 产生的CSS 兼容 IE 8+,但它使用很多实验性的CSS属性,如媒体查询,盒大小和背景剪辑属性,所以我们建议您结合 Modernizer 来使用,确保向后兼容性。

2012 顶级CSS工具和应用 d62bc9bbcc63f744 thumb

8. Morf.js

2012 顶级CSS工具和应用 60d9c8ae292e7cdc

Morf.js 提供了一组 JavaScript 方法用于加速 CSS3 的各种转换效果,支持的方法都在上图中,无需编写 CSS3 代码。

9. Gumby

Gumby 是一个响应式的以及 960 像素宽度的 CSS 网格框架,支持 PC、平板和手机屏幕显示。类似 Twitter 的 Bootstrap,它包括一个Web UI工具包,有好看按钮,表格,导航+标签和一个很小的JavaScript文件

2012 顶级CSS工具和应用 78b4bb4279ce04ce thumb

10. AppJS

AppJS 是一个令人振奋的 JavaScript 库,使我们能够使用 Web 技术快速开发桌面应用程序(HTML,CSS和JavaScript)。AppJS 使用 Node.js 做为后端支撑。

2012 顶级CSS工具和应用 c42df5a0cf2e6bf9 thumb

11. Browser Support

Browser Support 是一个简单的搜索引擎,用来查找某个 CSS 属性是否被指定的浏览器所支持。提供一个自动完成的搜索输入框。

2012 顶级CSS工具和应用 1ba2137efafc0319 thumb

12. SpritePad

SpritePad 是一个完美的解决方案,您可以在几秒钟内创建CSS精灵。只需将您的图片拖放到画布上,他们立即可作为一个PNG精灵+ CSS代码。

2012 顶级CSS工具和应用 c441bf366e95c1c5 thumb

13. HTML5 Please

HTML5 Please 帮助你查看 HTML5 和 CSS3 等功能是否已经准备就绪。

2012 顶级CSS工具和应用 e23cfdb8f8807e9c thumb

14. jsFiddle

jsFiddle 是一个 Web 应用,主要用于帮助测试 JavaScript 和 CSS 的代码片段。

2012 顶级CSS工具和应用 3df5faa74dbac8f8

15. Animate.css

Animate.css 包含一些实现了各种动画效果的 CSS。

2012 顶级CSS工具和应用 b764b4f92c7a55fe

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

    相关文章

    最新文章