之前曾经研究过几个纯css实现的文字效果，《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等，今天我们来研究几款文字效果，主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类：
Web程序 时间：
2014-05-10 09:37:06
阅读次数：
591
今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转，首先，在这个太阳系里分为画轨道和画星球两个部分，对
于每一个星球我们要知道它的颜色和公转周期，如下图。
采用面向对象编程的思想，代码如下：
你的浏览器不支持canvas标签！
//设置2d绘图环境...
分类：
Web程序 时间：
2014-05-10 09:32:09
阅读次数：
640
相信大家都知道，现在市面上手机的屏幕尺寸多种多样，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
paip.自适应网页设计 跟 响应式 设计方法与工具补充（2）o54
#-----响应式 设计框架
Bootstrap比较热门.
Foundation
号称是世界上最先进的响应式前端框架。
#---绝对不要使用相对地高度...只使用相对地宽度..特别大的布局上...
#----------字体的自适应vw
使用em好像不生效...
使用vw走ok.... font-s...
分类：
Web程序 时间：
2014-05-07 06:22:36
阅读次数：
344
当使用移动设备进行触控操作时，最常用的就是轻击、按住屏幕或者手势操作，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
