从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。这个经历了几年依然大热的响应式，在过去的几年里，快速巩固了自己的地位，并掀起了一股网页设计新标准的浪潮。这里本人基于一些资料文献及自己的陋见，谈谈响应式设计的一些现状和趋势。源起2010年5月，伊桑.马科特（Ethan Marcotte）在“A List Apart”写了一...

1、保存与恢复canvas状态ctx.save();暂时将当前的状态保存到堆中ctx.restore();该方法用于将上一个保存的状态从堆中再次取出，恢复该状态的所有设置。!DOCTYPEhtml html head metacharset=utf-8 title/title styletype=text/css *{padding:0;margin:0;} body{backgro...

HTML 5 已经被应用到Web开发中。跟平常一样，任何一个软件新版本的发布都期待一些新的特性，这对HTML 5也不例外。为了仅仅通过HTML提高用户交互，HTML 5已经提供了很多新的API。是不是非常有趣呢？并且HTML 5已经和CSS 3结合的非常棒了。因此，我也开始写一系列与HTML 5的API相关的文章来介绍API的使用和功能，例如Geolocation, Notification, F...

解释一下W3C Working Group Note，作为“工作组笔记” 发布，即意味着它是一个草稿版文档，可能被其它文档更新、替换或废弃。但由于翻译时草稿只发布了不到二十天，本文有很好的时效性。也作为比较性质的文献，它比起HTML5的标准更容易让人理解，可以让人快速地理解HTML5的变化轮廓。关于本翻译：本文所有指涉HTML5的地方皆用的是HTML，为了避免和HTML4的混淆，我将大部分HTML...

对于任何一个现代网站来说图片都是最重要的部分。当前，据统计图片已经占到网站总带宽的60%。在处理前沿网站设计时更加明显。在一个图像丰富的社交网站上使用类图钉的布局，这个数字能高达85%。不幸的是带宽很贵。对于高流量的网站，带宽很可能要为你的IT花费负主责，轻松超越虚拟主机和存储花费。另外，如此大量的流量需要花时间，所以在浏览你的网站时，访问者很可能要花很长时间来等待图片的载入。我们列举了其中的我们...

生命的伊始，婴儿用明亮的哭声宣告一个新生命的诞生，睁开双眼之前，一双小耳朵已经开始聆听这个世界。在如今的用户体验领域，几乎所有公司都会有视觉设计师，却鲜有注重听觉交互的公司。随着各大厂商对HTML5支持的日渐完善，前端工程师其实早已可以摆弄各种音波，让复合型开发走得更远。声波是一种机械波，通过波的物理属性我们可以做很多事情。比如，利用声波的频率编码进行数据传递，分析频域或者时域的数据进行可视化应用...

语言前端和终端作为面向用户端的程序，有个共同特点：需要依赖用户机器的运行环境，所以开发语言基本上是没有选择的，不像后台想用什么就用什么，iOS只能用Objective-C，前端只能javascript，当然iOS还可以用RubyMotion，前端还能用GWT/CoffieScript，但不是主流，用的人很少，真正用了也会多出很多麻烦。这两者有个有意思的对比：变量/方法命名的风格正好相反。苹果一直鼓...

响应式网页设计已经变成新的web标准，许多公司已经接受了这个挑战，并且已经建立起了专门的网页设计方案（比如只针对移动端的开发）或者已经开始试图解决跨平台的响应式网页设计方案。1.计划与往常一样，计划总是要放在第一优先级的。一旦你在纸上开始解决你的设计难题，你就已经准备好建立你的站点了。2.充分利用好原型软件推荐使用Adobe Edge Reflow，它能让你使用媒体查询，在程序内设置断点并设计适配...

PurePure 是一组轻量的，响应式的 CSS 模块，您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。Tiny Fluid GridTiny Fluid Grid 可以让你定义网页项目的...

1.离线缓存为HTML5开发移动应用提供了基础HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。在线app支持边使用边下载离线缓存，或者不下...