千呼万唤 HTML 5 (10) - 画布（canvas）之转换
HTML 5: 画布（canvas）之承载媒体。平移 | translate(); 旋转 | rotate(); 缩放 | scale(); 矩阵转换 | transform(a, b, c, d, e, f); 矩阵转换 | setTransform(a, b, c, d, e, f)...
【CSON原创】A*算法+HTML5实现游戏寻路
功能描述： 结合A*算法和HTML5完成的一个寻路demo。 鼠标点击地图任意位置，飞鸟会寻找最短路程到达该位置...
前端开发人员须知html5和html4之间的区别
前端开发人员须知html5和html4之间的区别HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。事实上，HT...
【CSON原创】HTML5游戏《坦克后援队》发布
功能描述： 该游戏实质上是坦克大战+推箱子。玩家控制坦克，在与敌人战斗的同时把物资顺利运送到目的地则可顺利过关，共三个关卡。 继上一个HTML5游戏小demo《HTML5超级玛丽游戏demo》后，这次开发的游戏添加了更多元素并增强了可玩性，该游戏同样基于本人开发的HTML5游戏框架cnGameJ...
HTML5 初识 - Canvas
呃。。 今天开始看一下HTML5的一些东西了。 准备工作： 1、一个支持HTML5的浏览器（我用的Opera11.52和IE9），当然，火狐的和Chrome的近几个版本都能很好地支持HTML5 ...
Sencha Touch 2 官方文档翻译之 Controllers（控制器学习指南）
控制器 [Controller] 在Sencha Touch MVC中起到的是纽带作用，它控制视图 [View] 的展示逻辑，还负责以数据模型 [Model] 为基础的数据 [Data] 处理逻辑（包括数据的加载、展示、更新、增删等等）。控制器就像胶水，有了它才能够把一个Sencha Touch（后...
千呼万唤 HTML 5 (9) - 画布（canvas）之承载媒体
HTML 5: 画布（canvas）之承载媒体。呈现文本 - font, textAlign, textBaseline, strokeStyle, fillStyle, fillText(), measureText, TextMetrics.width; 呈现图片 - drawImage(); ...
html5 canvas 简单画板实现代码
<!doctype html><html><head><title>canvas简单画板</title><style type="text/css">#can{ width:600px; height:500...
PhoneGap+jQm webapp本地化(2)-摄像头调用和本地数据库
前言 上一章中,我们讨论了环境的配置,这本章中我们,写一个小模块来贯通学习,phonegap对摄像头的调用,已经phonegap对于拍下来的照片的处理,已经,使用本地数据库保存我们的数据,让在程序重新运行的时候能够保留我们的结果.先说明一下,为了,减少工作量,很多地方由于,官方文档已经很详细了我就难...
【CSON原创】HTML5游戏框架cnGameJS开发实录
cnGameJS是本人开发的一个基于HTML5的游戏框架，包括资源加载，碰撞检测，动画等模块。本系列文章主要介绍各个模块的开发流程，以及附上一个使用该框架进行开发的小游戏demo：《超级玛丽游戏demo》...
【CSON原创】基于HTML5的超级玛丽游戏demo
功能说明： 基于HTML5的超级玛丽游戏的demo，方向键左右控制移动，方向键上控制跳跃，该游戏基于本人开发的HTML5游戏框架cnGameJS（详情点击这里：HTML5游戏框架cnGameJS开发实录）。 请用最新版本浏览器查看。效果展示：代码实现： 该游戏demo主要包含的元素有：资源加载，外部...
共享两个最近手机项目的HTML5的widget，星星评级以及标签选项卡，样式美观，iphone/android可用
1. 星星评级(http://kitjs.co.cc/demo/StarLevel/demo.html) 支持Webkit核心，使用方法如下浏览器上，用鼠标在星星上按下，左右移动，选择星星级别，释放左键，选择成功，给出提示手机上，手指按下，左右移动，选择星星级别，手指移开，选择成功，给出提示2. 标...
Sencha Touch 2 官方文档翻译之 Intro to Applications with Sencha Tou...
此篇文档名为《Sencha Touch 2开发应用程序简介》，但官方文档目录中给它的说明是《All about Applications》，读后发现此篇堪称Sencha Touch MVC的总纲，对于理解ST的MVC模式意义重大，所以我把它作为翻译的第一篇文章。第一次发原创译文，水平有限，出现问题在...
千呼万唤 HTML 5 (8) - 画布（canvas）之绘制图形
HTML 5: 画布（canvas）之绘制图形。画布 Demo - 画布的基本概念及 Demo; 在画布上绘制矩形; 在画布上绘制弧线（以路径的方式）; 在画布上绘制曲线（以路径的方式）; 在画布上绘制直线（以路径的方式）; 在画布上绘制矩形（以路径的方式）- rect()...
PhoneGap+jQm webapp本地化(1)--环境搭建以及资源介绍
前言 上个月我设计一个基于JQM的webapp作为我的毕业设计 jQuery moible 开发笔记之项目设计 http://www.cnblogs.com/youxilua/archive/2012/01/03/2310963.html 结果…当然是做完了…效果嘛,作为毕业设计还可以,但是实际使用...
前端开发中常见的HTML5标签乱用案例
一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：1234567891011121314151...
HTML5标莶使用初级技巧
Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML5，本文总结了22个HTML5的初级技巧，希望能对你进一步学习好HTML5会有所帮助。1. 新的Doctype声明XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。复制代码运行代...