早在拨号上网的时代，《星际争霸》（Starcraft）游戏曾吸引了无数网友的联机对战。不过一位名叫“Ryuta”的 GitHub 用户，却将它成功地移植到了 Web 上。当然，这要感谢 HTML5。网页版游戏的最大好处，就是无需像传统客户端那样费时去安装。尽管如此，这款移植作品还是演示了基本的操控部件，你可以进入战斗，甚至看到游戏的全局动画。尽管该作品暂时还停留在演示（demo）阶段，但是相信会有爱好者们去进一步完善它的。下载地址：h...
这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有播放器的大部分功能，并以HTML5和JavaScript实现。这些HTML5播放器有着非常漂亮的外观，很多你都无需自己重新定义样式，引用相关JS即可，源代码大家都可以下载。1、HTML5笑脸样式的音乐播放器今天要来分享一款非常有爱的HTML5音乐播放器，它的外观酷似一张笑脸，其实笑脸的样式也是通过对播放器的各项按钮进行布局而产生的。同时这款播放器的功能也是比较...
苹果的产品一直以精美的UI著称，无论是软件应用还是硬件设备。本文主要分享了8个很不错的HTML5动画应用，这些动画正式模仿了苹果的各类应用，有焦点图、钟表、菜单等HTML5应用和jQuery插件，大家一起来欣赏吧。1、jQuery/CSS3实现仿苹果的CoverFlow图片切换这次要分享的也是一款基于jQuery和CSS3的仿苹果CoverFlow图片切换应用，并且可以自定义添加图片，效果非常不错。在线演示 源码下载2、jQuery仿苹果样式焦点图插件这次...
JavaScript表达行为，CSS表达外观，注意HTML既表达结构（逻辑结构），又表达内容（数据本身）通常需要更新数据时，并不需要更新结构，正是这种不改变组织结构仅改变数据的诉求，推动了数据拉取和数据推送技术的产生。SSE是一种允许服务器端向客户端推送新数据（简称数据推送）的HTML5技术。数据推送有两种替代方案：无更新方案和数据拉取方案。无更新方案：加载完毕HTML之后，得到一个HTML页面，之后浏览器会请求图片、CSS文件和Ja...
今天我们一起来分享一些有趣的HTML5鼠标动画，当我们移动鼠标时，页面上将会出现一些神奇的动画特效。当然这些动画可能在实际应用中并不太会使用到，但是对大家研究HTML5和CSS3的帮助应该会非常大。本文分享的7个HTML5鼠标动画都提供源代码下载，都是一些不错的资源。1、HTML5鲸鱼动画今天我找到了基于HTML5的鲸鱼动画，鲸鱼会随着鼠标的移动而游动，画面非常立体，鲸鱼也超级逼真。真的，HTML5确实很给力，HTML5动画完全可以完成f...
这是一款基于HTML5的树叶飘落动画，树叶都是图片，并非CSS3绘制，但是树叶飘落的动画效果非常逼真。这款HTML5树叶飘落动画是基于webkit内核的，也就是说要在webkit内核的浏览器上才能使用这款动画。在线演示源码下载HTML代码<p id="container"><!-- The container is dynamically populated using the init function in leaves.js --><!-- Its dimensions and position are defined using its id selector in leaves.css --><p id=...
这是一款基于HTML5和jQuery的3D焦点图动画，焦点图中的图片利用了CSS3的相关特性实现图片倾斜效果，从而让图片出现3D的视觉效果。这款HTML5焦点图不仅可以手动点击按钮切换图片，而且还支持自动切换图片，使用起来也相当方便。如果你需要在网站中展示产品图片，那么这款焦点图插件非常适合你。在线演示源码下载HTML代码<section id="dg-container" class="dg-container"><p class="dg-wrapper"><a href="#"><img src="images/1.jpg...
2015年最好的免费响应式HTML5模板通常用于创建新潮的网站。HTML5是HTML用于创建现代化网站的最新版本。随着这一现代标记语言的出现，网上冲浪的趋势变得越来越智能化越来越酷。几乎每个web开发人员都在将重点转向这个标记语言——寻找免费的响应式HTML5模板，以便于只需要略懂HTML5和CSS3就可以轻松编辑和定制这些模板。这些免费的响应式HTML5模板是由专业人士根据用户需求精心打造的。HTML5 CSS3模板自带一些很酷的功能，如2D绘图...
8 月 9 日，谷歌正式宣布：自今年 9 月发布的 Chrome 53 起，谷歌浏览器将屏蔽 90% 的 Flash 内容，年底还会把 HTML5 作为网页内容标准。消息看起来简单，背后却是长达 10 年的拉锯战。谷歌博客最新文章（Flash and Chrome）的截取6 年前我们还没有朋友圈可以刷的时候，全球科技博客&论坛上演过这么一场骂战，主角是撕逼界 NO.1 乔布斯。想当年，乔帮主狂喷多媒体领域的霸主 Flash，极力吹捧 HTML5，还不为多数人理解……时至今日，...
1.先说几个基本类型： DOMString， boolean， long， unsigned long， double，NaN（Not-a-Number）。DOMString其实就是其它大家常用的语言中的string。 在HTML5中，它用于表示url，Dom内容等等。其他的boolean（布尔）， long（长整型）， unsigned long（无符号长整型）， double（浮点数）我想不用我详述，大家都能清楚。至于NaN我想大部分JS老鸟也都清楚其意义，就是在一个无穷大或者非数字的值。官方文档里没有介绍undefined和...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--表单内元素的form属性：为元素指定一个form属性，属性值为该表单的id--> <form id="testform"> <input type="submit" /> </form> <textarea form="testform"></textarea> <br /><hr /> <!--表单内元素的formaction属性：可以提交到不同页面--> <form id="form1" action="test.aspx"> <input type...
1、HTML5不支持或不赞成使用的标签<acronym>——定义只取首字母的缩写，HTML5 不支持。使用<abbr>定义缩写代替，其中title 属性可用于在鼠标指针移动到元素上时显示出缩写的完整版本，坚持写上title,这样对浏览器和搜索引擎都比较友好。<applet>——定义嵌入的 applet，HTML5 中不支持。使用 object 元素标签代替。<b>——定义规定粗体文本。支持但根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。...
前两天在开发在微信访问的HTML5页面，里面有个订单查询要选择时间，刚开始使用的<input type="date">输入框，没加任何的样式，效果是白色的背景再加上边框很丑，完全与整个背景不协调。刚开始设置了输入框背景色透明（background-color:transparent;），在iOS上面背景色和边框都没有了，但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=0)，在andriod中就去掉了边框和背景。去掉背景和边框比以前好看多了...
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标 解决4k的大小问题 解决请求头常带存储信息的问题 解决关系型存储的问题 跨浏览器 1.本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。 大小：每个域名5M支持情况：注意...
canvas可以绘制出很多奇妙的样式和美丽的效果，通过几个简单的api就可以在画布上呈现出千变万化的效果，还可以制作网页游戏，接下来就总结一下和绘图有关的API。绘画的时候canvas相当于画布，而context相当于画笔。1.绘制线条moveTo(x0,y0)：把当前画笔（ictx）移动到（x0,y0）这个位置。lineTo(x1,y1):从当前位置(x0,y0)处到（x1，y1）画一条直线。beginPath()：开启一条路径或者重置当前路径。closePath():从当前点回到路径起始点...