随着便携设备用户的指数级增长，网页设计师采用响应式设计作为多平台布局解决方案，不但节省了设计师的时间，而且从长远角度来讲，响应式设计能够为用户提供更舒适的操作环境。如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有“弹性”。Simple GridSimple Grid是...
分类：
Web程序 时间：
2014-06-27 21:01:20
阅读次数：
218
今天给大家带来一个比较炫的进度条，进度条在一耗时操作上给用户一个比较好的体验，不会让用户觉得在盲目等待，对于没有进度条的长时间等待，用户会任务死机了，毫不犹豫的关掉应用；一般用于下载任务，删除大量任务，网页加载等；如果有使用html5为手机布局的，也可以用于手机中~
效果图：
1、html结构：
...
分类：
Web程序 时间：
2014-06-27 09:22:21
阅读次数：
458
擅长CSS的Web开发人员不仅可以从视觉上复制实物原型，还可以用代码进行完美的呈现。无需使用表格、尽可能少的使用图片。如果你是个名副其实的高手，你可以快速把最新和最伟大的技术应用到你的项目中，比如媒体查询、过渡、滤镜、转换等。虽然这些都是一个真正的CSS高手所具备的，但CSS很少被人单独拿出来讨论，...
分类：
Web程序 时间：
2014-06-26 20:54:10
阅读次数：
229
仅仅利用media query适配样式是远远不够的，并没有考虑触屏下的行为和特有的内容组织方式的不同。简单在桌面版基础上叠加mobile版的代码，会带来请求增多、流量、性能、代码冗余等诸多方面问题。有统计说86%的手机站看起来small其实体积比桌面版还大。我们这次充分发挥“响应”的灵活性，实现on...
分类：
Web程序 时间：
2014-06-26 18:16:20
阅读次数：
289
如果你打算开发网站，你想要关注的第一件事就是网站的外观和感觉。另外用户体验很重要，现在是属于移动互联的时代，用户有可能通过移动设备浏览你的网站，因此同样重要的是要考虑你的网站在移动端的使用体验。使用 HTML5 和 CSS3 响应式设计的理念能够提供更好的体验。
分类：
移动开发 时间：
2014-06-26 15:03:39
阅读次数：
351
[转]HTML5, CSS3以及相关技术（例如canvas和web sockets）带来了非常有用的特性，可以让我们的web程序提升一个新的level。这些新技术允许我们只用HTML,CSS和JavaScript就可以构建包括在平板和移动设备上能够运行的多样化表单页面。HTML5虽然提供了很多新特性...
分类：
Web程序 时间：
2014-06-25 15:17:38
阅读次数：
276
现在试图解决android平板的屏幕分辨率问题，目前主要想到的办法是采用响应式设计和媒体查询，发现无论使用那种方式，工作量都很大，调试都困难，悲催啊。
CSS的媒体查询虽然在传统的互联网页面可能发挥的余地不是很大，但是自从苹果和安卓的风靡之后，移动平台上的web开发变得越来越流行了，同时CSS的媒体查询可谓派上了大用场了。
以下为翻译内容，原文来自这里 非常棒的一篇文章
...
分类：
移动开发 时间：
2014-06-25 07:16:12
阅读次数：
278
创意来自：http://www.html5tricks.com/demo/html5-3d-cube/index.html ， 同学给我发的例子...
分类：
Web程序 时间：
2014-06-25 06:56:23
阅读次数：
235
今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的，有兴趣的可以改成android版本的，或者其他的~
效果图：
贴一张我中500w的照片，咋办啊，怎么花呢~
好了，下面开始原理：
1、刮奖区域两个Canvas，一个是front ， 一个back ，front遮盖住下面的canvas。
2、canvas默认填充了一个矩形，将下面canvas效果图遮盖，然后监...
分类：
Web程序 时间：
2014-06-24 17:15:19
阅读次数：
399
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： 或者这样的形式： 不知道大家留意没有，其中两种方式引入CSS样式都有一个共同的属性“media”，而这个“media”就是用来指定特定的媒体类型，在HTML4和CSS2中充许你...
分类：
Web程序 时间：
2014-06-24 12:15:23
阅读次数：
176
