返回

阅读新闻

添加收藏

20个最新的 CSS3 和 HTML5 工具

本页包含20张图片,默认未加载,显示所有图片

虫虫 发布于 3个月前,共有 3 条评论

1. Sencha Animator
用标准的网页技术打造超炫的动画,Senchar Animator使用CSS3来打造动态的文字和图片,流畅的变换,阴影,渐变等效果。

点击加载图片


2. CSS LINT
这个工具可以帮你找出你CSS中的问题。不光是语法错误,它还能指出你的代码写的不合理的地方,或者不高效的地方。
点击加载图片


3. Normalize.css
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。
点击加载图片


4. Spritemapper
Spritemapper 是一个组合不同图片并生成 CSS 位置代码的工具。
点击加载图片


5. holmes.css
这个CSS可以帮你找出你网页中写的不标准的HTML代码。
点击加载图片


6. prefixMyCSS
这个工具可以帮你的CSS代码添加前缀。
点击加载图片


7. Sprite Cow 
这个工具可以帮助你创建CSS Sprite。
点击加载图片


8. Patternizer 
这个工具可以帮助你创建复杂条纹图案的CSS。
点击加载图片


9. Prefixr 
这个工具可以帮助你创建跨浏览器的CSS代码。输入你的CSS代码,然后勾选一些选项,它就会生成各个浏览器兼容的CSS给你。
点击加载图片


10. Patternify 
这个工具是一个简单的CSS生成器。你可以直接在它的网页上画出你想要的样式,然后它就会生成相应的CSS给你。
点击加载图片


11. CSS Shapes
这个工具可以帮你用纯CSS来生成各种图形。
点击加载图片


12. Initializr
这个工具可以帮助你生成一个标准的HTML5网页模板,然后你可以基于这个模板完成你的网页。
点击加载图片


13. Gury
Gury 可以帮助你创建基于 Canvas 的动画。
点击加载图片


14. oCanvas
oCanvas 可以帮助你很容易的在 HTML5 的 Canvas 标签上创建对象,并且创建这些对象的动画。
点击加载图片


15. Modernizr
Modernizr 是一个利用 JS 和 CSS 来检测浏览器说支持功能的小工具。
点击加载图片


16. Response JS
Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的环境动态替换HTML代码。例如根据屏幕大小,动态的替换img标签的src地址。
点击加载图片


17. Mercury Editor
这是一个全功能的 HTML5 编辑器,可以帮助你的团队在浏览器中编辑文档。
点击加载图片


18. Sugar
Sugar 是一个JavaScript库。它扩展了现有的JS对象的方法,让你可以用更少的代码做更多的事情。
点击加载图片


19. Buzz
Buzz是一个用于操作HTML5音频标签的JavaScript library 。它是一个没有用到其它JavaScript框架独立Library。并拥有丰富的API可以用来管理这个音频标签提供的所有功能。支持的功能包括播放、 暂停、停止、循环和音量控、取得音频信息、判断音频类型是否支持、可同时处理多个音频文件。还可以取得播放结束、错误产生或音量变化等事件。
点击加载图片


20. Recurly.js
Recurly.js 是另一个 JS 实现的表单美化插件。
点击加载图片

验证码: ... 换另外一个图