`
mywebcode
  • 浏览: 1037766 次
文章分类
社区版块
存档分类
最新评论

20个最新的 CSS3 和 HTML5 工具

 
阅读更多

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

分享到:
评论

相关推荐

    HTML5+CSS3实例源码(包含20个)

    在提供的压缩包中,"4b7e90309dd742268ba11301ea9e8d39"这个文件可能包含了20个HTML5和CSS3的实际项目案例。这些实例可能涵盖了上述的各种技术,比如使用新的HTML5元素构建网页结构,用CSS3的动画效果提升用户体验,...

    HTML5+CSS3网页设计模板(30例)zip

    HTML5和CSS3是现代网页设计的两大核心技术,它们为创建功能丰富、视觉吸引人的网页提供了强大的工具。这个"HTML5+CSS3网页设计模板(30例)"压缩包文件包含了一系列现成的设计模板,适合初学者和专业设计师用于学习和...

    html5+css3课件打包

    例如,第一章可能介绍了基本的HTML5元素和文档结构,第二章可能涉及CSS3的选择器和基本样式,后续章节可能涵盖更复杂的技术,如多媒体处理、响应式设计、动画和交互等。通过这个课件,学习者可以系统地学习这两门...

    html5+css3源代码

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果吸引人的网页提供了强大的工具。本资源包含了一系列HTML5和CSS3的源代码实例,非常适合初学者进行学习和实践。 HTML5(超文本标记语言第五...

    HTML5与CSS3基础教程 第八版 中文版 高清 PDF

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果出色的网页提供了强大的工具。《HTML5与CSS3基础教程 第八版 中文版》是一本全面介绍这两个技术的书籍,旨在帮助初学者快速入门,并提供给...

    CSS3+HTML5+从入门到精通-PDF中文教程

    《CSS3+HTML5+从入门到精通》是一本针对初学者和有一定基础的学习者编写的全面教程,旨在帮助读者掌握这两个现代Web开发的核心技术。HTML5和CSS3是构建现代网页和应用程序不可或缺的工具,它们带来了丰富的交互性和...

    HTML5+CSS3期末大作业——城市简介源码

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果吸引人的网页提供了强大的工具。在这个“HTML5+CSS3期末大作业——城市简介源码”项目中,学生或开发者将有机会实践这两门技术,构建一个...

    基于html5+css3实现的精美聊天界面demo

    【HTML5+CSS3精美聊天界面】:这个项目展示了如何利用HTML5和CSS3的先进技术来构建一个引人入胜的、实时的两人聊天界面。HTML5是现代网页开发的标准,它提供了许多增强功能,如离线存储、媒体元素、拖放功能、表单...

    html5+css3

    - **CSS3简介**:CSS3(Cascading Style Sheets 3)是CSS的最新版本,它在CSS2的基础上增加了许多新的特性,如选择器、伪类、动画效果等。 - **选择器**:新增了属性选择器、子代选择器、相邻兄弟选择器等,使得CSS...

    editplus html5 css3 JQuery 语法文件html5 css3.0 jQueryAPI手册

    EditPlus是一款功能强大的文本编辑器,支持多种编程语言,包括HTML5、CSS3和JavaScript,因此它也是开发人员编写这些语法的重要工具。 **HTML5**是超文本标记语言的第五个版本,它的出现极大地扩展了网页内容的表达...

    html5-css3

    - 这个网站汇集了大量的CSS3和HTML5教程、案例以及工具,非常适合想要深入了解这两种技术的开发者。 3. **CSS3基础知识**([http://www.neoease.com/the-basics-of-css3/css3֪ʶ]...

    HTML5+CSS3从入门到精通 源码和示例

    HTML5和CSS3是现代网页开发的基石,它们极大地扩展了网页设计的潜力,提供了更加丰富和动态的用户体验。本书“HTML5+CSS3从入门到精通”由Terry Felke-Morris撰写,旨在帮助初学者和有经验的开发者深入理解和掌握这...

    HTML5+CSS3

    HTML5作为最新的超文本标记语言标准,着重提升了用户体验和开发者的工作效率,而CSS3则为网页样式提供了更多丰富的选择和控制。 HTML5的核心改进在于结构化元素的引入,如、、、和等,这些元素帮助构建更加语义化的...

    HTML5 + CSS3 实现 3d 室内布局源码

    HTML5和CSS3是现代网页开发的两大核心技术,它们共同为网页设计师提供了强大的工具来创建交互性和视觉吸引力的页面。这个“HTML5 + CSS3 实现 3d 室内布局源码”项目是一个很好的实例,展示了如何利用这两种技术来...

    html5 css3在线留言表单美化代码

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉吸引人的在线交互体验提供了强大的工具。在“html5 css3在线留言表单美化代码”中,我们将探讨如何利用这两种技术来设计一个既实用又美观的在线...

    让IE8和IE9支持Html5和Css3

    标题"让IE8和IE9支持Html5和Css3"指的是一个目标,即如何在不支持新特性的旧版IE浏览器上实现Html5和Css3功能。这个压缩包提供了一些关键的JavaScript库,帮助解决这个问题。 首先,`css3-mediaqueries.js`是针对IE...

    基于HTML5与CSS3的纯页面

    在实际开发中,jQuery作为一个广泛使用的JavaScript库,常与HTML5和CSS3结合使用,简化DOM操作,提供便捷的事件处理和动画效果。例如,jQuery的$.ajax方法可以轻松实现异步数据交互,$.each用于遍历数组或对象,而$....

    html5+css3从入门到精通

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果出色的网页提供了强大的工具。本文将深入探讨这两个技术的核心概念、主要特性以及如何从零基础开始掌握它们。 HTML5(HyperText Markup ...

    HTML5+CSS3+Javascript离线版参考手册

    这份"HTML5+CSS3+Javascript离线版参考手册"包含的三个CHM文件,分别为JavaScript.chm、CSS3.0参考手册.chm和HTML5参考手册.chm,分别详尽地阐述了这三个领域的知识。 首先,HTML5(HyperText Markup Language第五...

Global site tag (gtag.js) - Google Analytics