珊瑚贝使用HTML5的WebSocket实现服务端和客户端数据通信
WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接，双向实时通信。 WebSocket最大特点就是，服务器...
标签：HTML5
HTML5轻松实现全屏视频背景
效果： http://demo.shanhubei.com/demo/path-slider/ 想在你的网页首页中全屏播放一段视频吗？而这段视频是作为网页的背景，不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意，它...
HTML5+CSS3实现的响应式垂直时间轴
效果 效果 HTML 我们使用了HTML5标签 ，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的DIV中，多个DIV形成一个序列，并把这些DIV放在 中。注意要看到本例演示效果，需要你的浏览器支持H...
HTML5 内联 SVG与Canvas区别
HTML5 支持内联 SVG。这就完全可以放弃使用<embed> <section>或者 <iframe>标签插入。 把 SVG 直接嵌入 HTML 页面 在 HTML5 中，您能够将 SVG 元素直接嵌...
使用APlayer制个时尚个性music播放器-Html5
下面我们使用APlayer来打造一个Html5音乐播放器，APlayer是一个非常漂亮的HTML5音频播放器，它将audio标签封装，并结合CSS制作出漂亮的播放器UI，它支持设置歌名、歌手和歌词，可以设置是否自动播放，支持缩略图，支持播放...
Html5+Jquery实现图片上传前预览
以下代码实现了html5和jquery上传前预览，代码精炼。 <!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> &l...
html5 Canvas绘图与动画效果实例
Canvas顾名思义是定义在浏览器上画布，但Canvas不仅仅是一个元素，它更是一套编程的接口，它的出现已然超过了Web基于文档的设计初衷。利用它你可以开发出很多梦寐以求的内容，让编程工作者彻底释放自己的创造力！ 效果预览： http://...
11款优秀的HTML5动画工具
本文将会为大家介绍市面上最好的HTML5动画工具。这个清单使我们极为用心列出来的，以为大家呈现出真正有用且专业的HTML5动画工具。所以接着读下去并找到最符合你需求的那个工具吧，以下每个工具都有它独特的地方。 Mixeek 这是一款用来设计...
html5 + jquery实现验证上传文件的大小
在HTML 5中， 现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以 马上校验文件的大小和属性等。实现了和 js 验证同样的功能。 在HTML 5中，现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以马上校验文...
优化HTML 5内嵌媒体
视频已经在 Web 上广泛流行了， 但是其格式几乎都是专有的。YouTube 使用 Flash，Microsoft 使用 Windows Media®，Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器...