'HTML5' 标签

超级JS插件 Paper.js

Paper.js 是一个全面开源的矢量图形脚本框架,基于HTML5 标准。利用 Paper.js 可以打造出非常震撼的动态图型场景(也可以结合音频);实现鼠标交互,键盘交互等效果都没有问题。

Paper.js 特点

  1. 文档对象模型
  2. 路径及分段
  3. 鼠标交互
  4. 键盘交互
  5. SVG的导入和导出
  6. 光栅图像和颜色平均
  7. 符号
  8. 选择轮廓
  9. 向量几何
  10. 数学运算
  11. 对象转换

非常实用的单页网站布局jQuery插件

现在越来越流行使用Html5和CSS3来建设单页网站,这是网页设计的New Wave!就连谷歌也刚推出了HTML5网页设计工具Google Web Designer,用于设计HTML5互动广告和其它Web内容。下面这些单页网站布局jQuery插件都是开源的,就是可以免费使用的。

SMINT

  1. jQuery Scroll Path
  2. Ascensor.js
  3. jQuery Waypoints
  4. Cool Kitten
  5. Curtain.js
  6. SMINT
  7. Skrollr
  8. Single Page Nav
  9. jQuery One Page Nav
  10. jQuery Parallax
  11. Single.js
  12. Scrollrama
  13. JustaPage
  14. jQuery.SnapScroll
  15. jQuery. ScrollTo
  16. How to Scroll to internal link with jQuery
  17. Building Single Page Applications
  18. Coding a CSS HTML5 One Page Website

Via:Open Source jQuery Plugins for Building Single-Page Website Layouts

九款优秀的HTML5开发工具

以下介绍的9款应用工具已经能够帮助开发者在程序中集成HTML5功能。

一、Adobe Edge

目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。内容可以同时兼容移动设备和桌面电脑。Edge的一个重要功能是Web工具包界面,方便确保页面在不同浏览器中的架构一致性,此外Edge还将整合TypeKit这样的字体服务。

动画和图形可以添加到HTML元素中,程序也能通过Edge自身的代码片段库或者JavaScript代码进行扩展。动画可以在独立的时间线上进行嵌套,还能实现互动功能。符合可以服用并通过API和代码片段控制。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作为一个Web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。其Fluid Grid排版系统整合CSS样式表功能,提供自适应版面的跨平台兼容性。开发者可以完全实现Web设计的可视化操作,无需为代码所困。

用户不但还能在Live View中预览,还提供多屏幕预览功能。开发者可以通过MultiScreen预览面板查看HTML5内容的渲染效果。Live View通过WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。

15个可集成到WordPress的免费HTML5音频播放器


有时候,浏览一些网站或者博客的时候可见到它们会插入一个音频播放器,可以播放音乐,这样可以增加吸引力。接下来将为大家介绍15个基于HTML5技术可以嵌入到WordPress或者其它网站的免费音频播放器。

HTML5这是一项具有革命性的技术,未来的应用程序都将基于HTML5。HTML5加CSS3一起的话可以打造出非常美观和先进的网站,未来的网页设计就是他们的天下。

1.Media Element 采用纯HTML5和CSS编写。

2.SoundManager 2 使用JavaScript播放音频。

3.Speakker 提供多个播放选项控制。