今天研究的是利用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
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob
Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推.....
分类：
其他好文 时间：
2014-05-09 12:06:08
阅读次数：
340
Twitter Bootstrap 自从2011年最初发布到网上后，迅速成为 Web
领域最流行的响应式前端开发框架之一，是网页设计的优秀实践。Twitter Bootstrap
框架包含了众多的预定义风格的组件，插件和加载项。在这篇文章中，我们想向大家介绍15款最好的 Twitter Bootst...
分类：
其他好文 时间：
2014-05-09 11:09:48
阅读次数：
458
相信大家都知道，现在市面上手机的屏幕尺寸多种多样，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
ps.这一次要说的是“Responsive column
resets”，但是不知道为什么中文官网没有给出翻译，但是在看到案例的时候，感觉这就像一个bug，我自己姑且叫这个是一个高度bug吧，方便自己，要是大家有其他好的说法，请告诉我。================================...
分类：
其他好文 时间：
2014-05-07 09:42:38
阅读次数：
334
HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断，让HTML5当家做主人，所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子，让大家更好的理解HTML5和有效的应用在项目中。...
分类：
Web程序 时间：
2014-05-07 06:30:58
阅读次数：
332
paip.自适应网页设计 跟 响应式 设计方法与工具补充（2）o54
#-----响应式 设计框架
Bootstrap比较热门.
Foundation
号称是世界上最先进的响应式前端框架。
#---绝对不要使用相对地高度...只使用相对地宽度..特别大的布局上...
#----------字体的自适应vw
使用em好像不生效...
使用vw走ok.... font-s...
分类：
Web程序 时间：
2014-05-07 06:22:36
阅读次数：
344
