2款基于HTML5的俄罗斯方块
开放式web技术的移动游戏市场正在以惊人的速度增长，在过去不到半年的时间里，移动游戏网站的数量增加了3倍。当前环境所提供的技术、技能、标准支持，以及各平台不断完善的浏览器功能，为HTML 5游戏开发者创造了前所未有的良机。 1、CubeOut 2、Torus
5个基于HTML5的加载动画推荐
在Web开发中，加载动画是非常有用的，不要低估它，它可以让网站响应用户的交互，让用户知道服务器正在处理请求，并告知用户需要等待一段时间。 通常加载动画是GIF格式的，但是现在我们有强大的浏览器和技术（VML和Canvas），加载动画不再只限于GIF格式，它可以由JavaScript来生成，并高度可定制，以下是我整理的5个JavaScript实现的加载动画方案。 这些动画并不是所有的都能在老的浏览 ...
全球首届HTML5开发者大会将于9月末举行
硅谷国际游戏开发者协会周二宣布，首届HTML5开发者大会将于9月27日在美国旧金山威斯汀酒店（Westin Hotel）举行，届时，HTML5、JavaScript和移动开发者社区的负责人将齐聚一堂，交流经验。 游戏引擎Spaceport开发商Sibblingz是此次大会的主赞助商，该公司创始人本·萨瓦戈(Ben Savage)将做主题演讲，展望HTML5游戏开发前景。 发表演讲的其他业界知 ...
华丽丽的HTML5新特性
Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣。作为下一代互联网标准，HTML5自然也是备受期待和瞩目，技术人员、设计者、互联网爱好者们都在热议HTML5究竟能带来什么。那么就一起来窥探一下这个还未诞生就已经声名在外的新标准吧。 在探讨HTML5的新特性之前，先说HTML5究竟离我们还有多远？用一张时间轴来说明两个关键点。 如图，在2012年，将会由W3C ...
在各种浏览器上的HTML5 Canvas ，Javascript性能测试
Freeciv.net（一个在线游戏网站）为了测试其网站在不同的浏览器的性能差异，创建了一个测试应用-freeciv-forever 。根据其显示的测试结果对Javascript代码和HTML5 Canvas的实现进行改进。 为了开发出具有竞争力的富Web应用，使用Javascript和HTML5 Canvas元素时请注意：目前大多数的浏览器都支持 HTML5 canvas元素，但是IE不支持，所以 ...
《ExtJS Web应用程序开发指南(第2版)(针对Ext JS 4.0更新)》样章连载
书名：ExtJS Web应用程序开发指南(第2版)(针对Ext JS 4.0更新) 作者：卫军 夏慧军 孟腊春 ISBN：9787111353911 定价：69.00元 出版社：机械工业出版社华章公司 China-pub：http://product.china-pub.com/198429 图书内容： 本书共18章和1个附录，是对第1版的全面升级，增补了大量ExtJS 4. ...
Windows 8：HTML5和JavaScript只是一种选择，微软没有放弃.NET开发者
Ars Technica回顾了Windows应用程序的软件开发历史，指出在Windows 8中HTML5和JavaScript只是一种程序开发选择，微软并没有彻底抛弃.NET的开发者。 Windows 8将提供两个运行时：新的.NET运行时（版本号4.5），原生码C++运行时WinRT；以及新的原生用户界面库DirectUI，基于Windows 7中引入的Direct2D和DirectWrite ...
HTML5随笔
<!Doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>HTML5 TEST</title> <style type="text/css"> @font-face{ ...
JavaScript内核系列 第11章 客户端JavaScript
第十一章 客户端的JavaScript 毫无疑问，到目前为止，JavaScript应用最为广泛，也最为成功的领域就是客户端，或者称为浏览器上的JavaScript。JavaScript为页面开发注入了活力，如与服务器交互形成的局部刷新，鼠标事件的响应，动态的页面风格变换等等，都直接依靠与JavaScript的支持。 11.1客户端JavaScript执行环境 我们在基础部分提到过，Jav ...
JavaScript内核系列 第9章 函数式的Javascript
第九章 函数式的Javascript 要说JavaScript和其他较为常用的语言最大的不同是什么，那无疑就是JavaScript是函数式的语言，函数式语言的特点如下： 函数为第一等的元素，即人们常说的一等公民。就是说，在函数式编程中，函数是不依赖于其他对象而独立存在的(对比与Java，函数必须依赖对象，方法是对象的方法)。 函数可以保持自己内部的数据，函数的运算对外部无副作用(修改了外部的 ...
JavaScript内核系列 第10章 深入核心概念
第十章 核心概念深入 在前半部分章节中，涉及到一些重要的概念，在当时章节上下文中，限于内容，没有展开讨论，这些内容可能较难理解，因此都集中在这个章节进行讨论。具体涉及到的内容有原型链，执行期上下文，活动对象，作用域链以及this值。这部分内容可以结合之前章节中相关部分一起参考。 10.1原型链 10.1.1原型对象与原型链 正如第三章提到的，JavaScript对象是一个属性的集合， ...
JavaScript内核系列 第9章 函数式的Javascript
第九章 函数式的Javascript 要说JavaScript和其他较为常用的语言最大的不同是什么，那无疑就是JavaScript是函数式的语言，函数式语言的特点如下： 函数为第一等的元素，即人们常说的一等公民。就是说，在函数式编程中，函数是不依赖于其他对象而独立存在的(对比与Java，函数必须依赖对象，方法是对象的方法)。 函数可以保持自己内部的数据，函数的运算对外部无副作用(修改了外部的 ...
JsDoc js文档自动生成工具使用详解
JsDoc js文档自动生成工具是google code上的一个开源项目：http://code.google.com/p/jsdoc-toolkit/ 1.下载解压后，在当前目录下创建一个bat文件run.bat 内容如下：java -jar jsrun.jar app/run.js -a -t=templates/jsdoc todocjs/*.js 如果需要查看运行输出内容的话可以换行后加 ...
发布一个基于javascript的webgame的引擎
这个是夏天的时候写的一个webgame的单机例子 一直也没有时间再继续做下去 现在共享给大家 希望有人能继续做下去 目前还没有实现AI部分 附件中为全部代码
opera中的firebug——dragonfly
也许firebug的光芒太亮了，也许opera还没有进入各种程序员的眼界。所以opera的web工具dragonfly居然从来没有听人提起过。就像我，使用opera这么长时间了，到今天才发现这个好东西。太cool了。我大概的使用了下，发现它的强大和firebug不分伯仲，firebug的知名多半是firefox的原因吧。 好了。进入正题。 我使用的是opera9.63版本，今天没活，无意中点击了 ...
HTML5 Audio Loops
One of the neatest things about HTML5 is support for the new <audio> tag. Like <video> it allows you to natively support media in good browsers like Chrome, FireFox, Opera and Safari. Add ...
html5
为 HTML5 建立的一些规则： 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明 HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 ...
HTML5 Canvas
HTML5-Canvas <canvas>是html5当中的一个标签，通过Javascript来画图。 <canvas id=”canvas” width=”150″ height=”150″></canvas> <script> var canvas = document.getElementById(”canvas”); var ctx = c ...
HTML5 – Video
在HTML5以前若我們要在網頁中播放影片時，需要使用ActiveX或Plug-in的方式來達到，例如：Flash Player、QuickTime等等，但在HTML5之後這些東西成了標準，我們不需再透過額外的外掛來達成，相信這也意味著Web的相關應用將更趨於豐富化。 現在就連 YouTube 也已經測試使用HTML5的Video來做為影片播放介面，因此在實際應用上雖然我們並不一定要走在時代的尖端， ...
Html5
一、新的Doctype //zxx:”doctype”中文意思指“文档类型” 仍在使用麻烦的，不可能记得住的XHTML文档类型？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ...
Dive Into HTML5：检测 HTML5 特性
原文出处：http://www.devbean.info/2011/04/dive_into_html5_3/，转载请注明原始出处。 我们前面已经说过，HTML 5 不是一个全新的事物。你不能说诸如“我的浏览器不支持 HTML 5”之类的话。但是，你可以检测你的浏览器究竟支持 HTML 5 的哪些特性。下面，我们将介绍一下这种技术。当浏览器渲染 web 页面的时候，它会构造一个文档对象模型（Doc ...
HTML5 WebSocket 示例
我们通过一个简单的例子来熟悉 HTML5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备：Jetty 7 ，Java Web 开发环境，Chrome 4+ 服务端 Java 代码：final public class CounterSocketServlet extends WebSocketServlet { @Override protected ...
使用HTML5语义元素(Using HTML5 semantic elements today)
本文翻译自Nicholas C. Zakas的博文Using HTML5 semantic elements today.限于个人能力有限，翻译的定有不妥之处，欢迎板砖，请不要留情。翻译的过程中感谢谷歌翻译和有道词典。 原文地址： http://www.nczonline.net/blog/2011/03/22/using-html5-semantic-elements-today/ 使用 ...
html5 使用图像
Canvas 相当有趣的一项功能就是可以引入图像，它可以用于图片合成或者制作背景等。而目前仅可以在图像中加入文字（标准说明中并没有包含绘制文字的功能）。只要是 Gecko 支持的图像（如 PNG，GIF，JPEG等）都可以引入到 canvas 中，而且其它的 canvas 元素也可以作为图像的来源。 引入图像 Importing images 引入图像只需要简单的两步： • 第一当然是来源图片，不是 ...
HTML5学习碎片
http://www.cnblogs.com/xiaoshatian/archive/2011/02/14/1954032.html 春节在家读了两本介绍HTML5的书：《HTML5 Up and Running》和《Pro HTML5 Programming》，得益于Kindle的便捷，一边读一边标注了一些内容，随感觉而标记，不成体系，所以称之为“碎片”，记录于此作为存档。 浏览器支持情况检 ...
HTML5 Recources
Designing a blog with html5 http://html5doctor.com/designing-a-blog-with-html5/ 15个 HTML5 教程和参考手册 http://introducinghtml5.com/ http://diveintohtml5.org/ http://diveintohtml5.com/ 中文版 http:/ ...
html5-贪食蛇
随着HTML5的插入触碰到RIA的G点，b/s的生产力将进一步解放，生产效率将进一步提高，由此必将引起生产关系的变化，即由原来的c/s结构的保守主义，地方主义向着b/s的共产主义初级阶段迈进。Javascript,作为RIA中的宠儿，在这场浪潮中，必定迎来高潮。 识时务者为俊杰。在这个大背景下，各路英雄纷纷揭竿而起，竖起javascript的大旗，誓要在后RIA时代的舞台中占有一席之地。yangg ...
HTML5 构建WebForm
HTML语言作为如今编程最为广泛的语言，具有易用、快捷、多浏览平台兼容等特点，但是随着时代的进步，HTML的标准却停滞不前，这一次还在不断开发中的HTML5标准的更新可以说给这门标记语言带来了新的生命力。本文将着重讨论HTML5中的Web Forms 2.0, 即表单的部分。表单是网页中常见的控件(集)。小到网站注册登录，大到一个企业的数据管理系统，都基本上有表单的身影。表单之所以如此重要，主要是 ...
你从没见过的 HTML5 动画效果
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。 Tunnelers 纯 JavaScript + HTML5 C ...
html5特征检测
(Confused? Read Detecting HTML5 Features for a conceptual introduction. Want an all-in-one library instead? Try Modernizr.) <audio> return !!document.createElement('audio').canPlayType; &l ...