20个最新的 CSS3 和 HTML5 工具

简介: 1. Sencha Animator 用标准的网页技术打造超炫的动画,Senchar Animator使用CSS3来打造动态的文字和图片,流畅的变换,阴影,渐变等效果。2. CSS LINT 这个工具可以帮你找出你CSS中的问题。
+关注继续查看

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 实现的表单美化插件。

目录
相关文章
|
1月前
|
前端开发
HTML5CSS3基础
2D 转换 转换(transform)是 CSS3 中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果。 移动:translate 旋转:rotate 缩放:scale
23 1
|
1月前
|
前端开发 区块链 容器
HTML5+CSS-3
标签选择器(TAG选择器) div{} 适用的场景: 去掉某些标签的默认样式时
HTML5+CSS-3
|
1月前
|
自然语言处理 前端开发 数据安全/隐私保护
HTML5+CSS-2
表格属性 border:表格边框 cellpadding:单元格内的空间(用空白填充,上对齐时会被填充挡住) cellspacing:单元格之间的空间(用空白填充)
|
2月前
|
Web App开发 存储 移动开发
|
5月前
|
前端开发
1. HTML&CSS
1 盒子模型:
39 0
|
5月前
|
缓存 前端开发 JavaScript
HTML学习笔记——css基础
缺点:使用内联样式,样式只能对一个标签生效,如果希望影响到多个元素必须在每一个元素中都复制一遍,并且当样式发生变化时,要多次修改,很麻烦。
40 0
|
10月前
|
移动开发 IDE Java
HTML5 + CSS3 学习笔记(一)
HTML5 + CSS3 学习笔记(一)
58 0
HTML5 + CSS3 学习笔记(一)
|
10月前
|
Web App开发 前端开发
HTML & CSS
HTML & CSS
54 0
HTML & CSS
|
10月前
|
XML SQL JSON
HTML&CSS 3|学习笔记
快速学习HTML&CSS 3
73 0
HTML&CSS 3|学习笔记
|
10月前
|
Web App开发 数据采集 移动开发
HTML&CSS 2|学习笔记
快速学习HTML&CSS 2
83 0
HTML&CSS 2|学习笔记
相关产品
云迁移中心
推荐文章
更多