今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转，首先，在这个太阳系里分为画轨道和画星球两个部分，对
于每一个星球我们要知道它的颜色和公转周期，如下图。
采用面向对象编程的思想，代码如下：
你的浏览器不支持canvas标签！
//设置2d绘图环境...
分类：
Web程序 时间：
2014-05-10 09:32:09
阅读次数：
640
效果如下实现原理：利用CSS3的@keyframes规则创建动画效果；使用CSS3的animation效果完成滚动切换。代码说明：样式表中@-webkit-keyframes及@keyframes定义了旋转360度的操作；样式表中.border
div定义了div的基本样式，红色的10px圆形；10...
分类：
Web程序 时间：
2014-05-09 12:14:49
阅读次数：
325
相信大家都知道，现在市面上手机的屏幕尺寸多种多样，2.8寸、3.0寸、3.2寸、3.5寸、4.0寸、4.2寸、4.5寸等等，随之而来的手机分辨率也千差万别，有240*320像素、320*480像素、480*800像素、640*960像素等等，其中480*800像素和640*960像素是主流的，但智能...
分类：
移动开发 时间：
2014-05-08 20:42:26
阅读次数：
468
1.当一个容器需要直接定义样式或通过脚本定义行为时，推荐使用div元素而非section元素。2.section是需要标题的，而nav或aside没有标题也是可以的。3.html5轮廓工具
http://gsnedders.html5.org/outliner/4.HTML 标签 是html5中的....
分类：
Web程序 时间：
2014-05-08 20:22:52
阅读次数：
281
最近在研究canvas技术，发现一个问题，就是所画图像会随着画布大小自动变换大小。原因如下使用了style属性 或者在页面中引入内嵌样式后来才发现canvas
元素只有如下设置宽度和高度才能正确控制图像大小
分类：
Web程序 时间：
2014-05-07 10:20:19
阅读次数：
399
HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断，让HTML5当家做主人，所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子，让大家更好的理解HTML5和有效的应用在项目中。...
分类：
Web程序 时间：
2014-05-07 06:30:58
阅读次数：
332
当使用移动设备进行触控操作时，最常用的就是轻击、按住屏幕或者手势操作，jQuery Mobile可以通过绑定的触控事件来响应使用者的特定触控行为。一、轻击与按住直接上代码（一切皆在代码中，细细品吧！）
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1....
分类：
移动开发 时间：
2014-05-07 04:45:59
阅读次数：
426
为了方便说明和更加直观的展示jquerymobile的页面初始化过程以及各个事件的触发过程，我绘制了一幅流程图：图中用红色框圈起来的是界面中的事件，测试代码如下：
练习
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=0;...
分类：
移动开发 时间：
2014-05-07 04:40:07
阅读次数：
450
在使用jQuery Mobile进行开发的时候可以选择单页模版和多页模版，在使用单页模版的时候从一个页面跳转到另一个页面的时候需要从服务器请求，用户会感到略有停顿。使用多页模版，可以改善页面跳转之间的流畅性，但是多个页面要一次性下载，所以下载时间变长，用户体验也会受到影响。在基于预取技术的开发中，当第一个页面的DOM对象加载完成后，jQuery Mobile会对标记data-prefetch的链接...
分类：
移动开发 时间：
2014-05-07 03:51:49
阅读次数：
400
传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。
Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5
功能支持情况。 Modernizr 并非试图添加老版本浏...
分类：
其他好文 时间：
2014-05-06 18:16:46
阅读次数：
455
