技术资料查询
一起进步

HTML5/微信应用/移动WEB应用

使用HTML5的WebSocket实现服务端和客户端数据通信

shanhubei阅读(386)赞(0)

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接,双向实时通信。 WebSocket最大特点就是,服务器...

HTML5轻松实现全屏视频背景

shanhubei阅读(393)赞(0)

效果: http://demo.shanhubei.com/demo/path-slider/ 想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它...

HTML5+CSS3实现的响应式垂直时间轴

shanhubei阅读(462)赞(1)

效果 效果 HTML 我们使用了HTML5标签 ,时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的DIV中,多个DIV形成一个序列,并把这些DIV放在 中。注意要看到本例演示效果,需要你的浏览器支持H...

HTML5 内联 SVG与Canvas区别

shanhubei阅读(378)赞(0)

HTML5 支持内联 SVG。这就完全可以放弃使用<embed> <section>或者 <iframe>标签插入。 把 SVG 直接嵌入 HTML 页面 在 HTML5 中,您能够将 SVG 元素直接嵌...

使用APlayer制个时尚个性music播放器-Html5

shanhubei阅读(444)赞(0)

下面我们使用APlayer来打造一个Html5音乐播放器,APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名、歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放...

html5 Canvas绘图与动画效果实例

shanhubei阅读(359)赞(0)

Canvas顾名思义是定义在浏览器上画布,但Canvas不仅仅是一个元素,它更是一套编程的接口,它的出现已然超过了Web基于文档的设计初衷。利用它你可以开发出很多梦寐以求的内容,让编程工作者彻底释放自己的创造力! 效果预览: http://...

11款优秀的HTML5动画工具

shanhubei阅读(336)赞(0)

本文将会为大家介绍市面上最好的HTML5动画工具。这个清单使我们极为用心列出来的,以为大家呈现出真正有用且专业的HTML5动画工具。所以接着读下去并找到最符合你需求的那个工具吧,以下每个工具都有它独特的地方。 Mixeek 这是一款用来设计...

html5 + jquery实现验证上传文件的大小

shanhubei阅读(336)赞(0)

在HTML 5中, 现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以 马上校验文件的大小和属性等。实现了和 js 验证同样的功能。 在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以马上校验文...

优化HTML 5内嵌媒体

shanhubei阅读(312)赞(1)

视频已经在 Web 上广泛流行了, 但是其格式几乎都是专有的。YouTube 使用 Flash,Microsoft 使用 Windows Media®,Apple 使用 QuickTime。在一种浏览器中用来嵌入这些内容的标记在另一种浏览器...