东赢体育摘要：我在《用HTML5新特性开发移动Web App》中全面提到了移动Web App的各种优点，包括：云端升级跨平台代码复用结合强大的云计算平台的能力绕过App Store 下面的这篇文章也提供了对于各种类型应用的详细分析。 当你开始一个新的移动项目时，选择采用本地（Native），混合（Hybrid）或者Web App哪种方案可以说是艰巨的任务。J Schwan全面分析了每种解决方案的优点和缺点。移动Web的最大优势是跨平台。你只需要开发一次东赢体育，这样成本更小东赢体育。移动Web优点：跨平台开放标准没有私有的编程语言更容易重用现有技术不依赖应用商店移动Web缺点：断网时不能保持状态-注：HTM...阅读全文

　　摘要：写在前面的话：对于移动Web App来说，响应式设计相当的有价值，现在大家也正在逐渐的了解它。但是我认为它也有自己适用的范围，需要根据具体的场景来选择使用。正好最近业界对此也有一些声音和反思传递，例如我之前的一篇博文《用HTML5实现iPad应用无限平滑滚动》里就有提及。现在我翻译一篇相关文章，大家可以对此有更多的了解和判断。-- 宇捷媒介查询很伟大，但是... 对于Web开发人员来说，如果要通过对样式表进行微调来为不同尺寸设备的用户提供更好的体验，媒介查询（Media Queries）非常棒。媒介查询实质上可以根据屏幕的尺寸来自定义网站的CSS。在你深入这篇文章之前，可以更多的...阅读全文

　　摘要：在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件：1、 deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。2、 deviceMotion：封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。 使用它我们能够很容易的实现重力感应东赢体育、指南针等有趣的功能，在手机上将非常有用。例如Opera H5体验版里的重力感应球示例就是通过监听DeviceOrientati...阅读全文

　　摘要：本文可视为《用HTML5实现人脸识别》的进阶，在人脸识别的基础上，我们将使用纯Javascript来实现如下的功能：识别和标注人脸以及五官对人脸进行美容 从本文的内容中，你将意识到，Javascript能做的，能实现的，远远比你想象的多。演示一、实现1、人脸识别包括检测、识别在内的多个API接口，根据《用HTML5实现人脸识别》一文，我们已经可以实现图片上传，并得到检测的结果，结果如下：返回的参数 返回参数的详细解释参见，其中tags为多张照片的识别结果，...阅读全文

　　摘要：注：今天HTML5小组沙龙《论道HTML5》分享时有朋友问到一个问题，getUserMedia是否会支持人脸识别东赢体育，我当时的答案是这应该是应用来实现的功能，而不是规范要完成的工作东赢体育。而我之前在网上看到过一篇关于getUserMedia和人脸识别的相关文章，觉得很有趣，正好趁这个机会分享给大家。 译自：转载请注明出处：蒋宇捷的博客 “现代Web”不断发展出不少有趣的API，但你并不会在大多数项目中使用到所有的内容。例...阅读全文

　　摘要：支持的浏览器：难度：中等注意：本文讨论的API尚未最终确定，仍在不断变化。请在自己的项目中谨慎使用。介绍 音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影，你就很可能已经注意到了这一点。 游戏也不例外！我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天，大多情况下，当玩我最爱的游戏时，我仍然不能把“塞尔达”里近藤浩二的乐曲和马特大气的暗黑配乐从我的头脑里驱逐掉。这同样适用于音效，例如魔兽里单位实时点击的响应，以及任天堂的经典例子。 游戏的音频提出了一些有趣的挑战。要创建令人着迷的游戏音乐，设计人员需要调节潜在的不可预知的状态。实际上，部...阅读全文

　　摘要：我在Chrome的最新动态里提到了Typed Arrays（Typed Array，类型数组）这个概念，可能对很多人来说非常陌生，那么它是什么，又有什么用途呢？之前的问题 Web应用程序变得越来越强大，例如新增了音视频处理、WebSocket等多个功能特性。毫无疑问，如果Javascript能够快速方便的操作原始二进制数据会相当的有用。过去，我们必须要把原始数据当作字符串来处理，并且使用charCodeAt方法来从数据缓冲区中读取字节。 但是这种方法需要多次转换数据（尤其在二进制数据不是字节格式的数据时，例如32位整数或者浮点数），所以非常慢而且容易出错。 Javascri...阅读全文

　　摘要：译者注：这篇文章涉及图像处理，非常有趣，同时可以用来构建云加端的移动拍照App。教程细节程序：PHP/ImageMagick难度：中级预计完成时间：45分钟你将创建的最终作品下载源文件 在本教程中，我将演示如何用PHP和ImageMagick创建像Instagram一样效果的老照片。是的，你可以用PHP和ImageMagick来完成这件事，而且这只是最简单的事情！我们创建数码老照片，然后让它变得很酷 曾几何时 - 22年以前（在PHP出现5年前）ImageMagick诞生了。从那时起，它已经发展成为一个独立的软件平台来创建、编辑、生成或者转换光栅图像（支持超过100种格式！）。...阅读全文

　　摘要：在HTML5规范的支持下，WebApp在手机上拍照已经成为可能。在下面，我将讲解Web App如何用手机进行拍照，显示在页面上并上传到服务器。1、 视频流 HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源（请注意目前仅Chrome和Opera支持getUserMedia。补充：请使用Opera支持HTML5的新版本，如果是Chrome，版本需为Chrome 18.0.1008+，并使用about:...阅读全文

　　摘要：随着移动站点的发展和普及，毫无疑问CodeCanyon的移动应用集合有了巨大的增长。从iPhone到Android，开发者已经贡献了一些令人惊艳的移动站点开发工具。这里快速列出了一些市场上所销售的顶级移动应用和工具。你可以试用它们并为你下一个移动站点获得灵感。1、创建自己的应用程序（无需任何编程技能） 不需编码就能创建你自己的iPhone/ iPod Touch应用！让客户在苹果AppStore找到你并且挖掘你沟通的潜力。2、DOLPHIN- XML的iPad / iPhone幻灯片和电子书模板 Dolphin，XML驱动的App模板，兼容iPad和iPhone，拥有...阅读全文

　　摘要：在《做移动互联网App，你的测试用例足够吗》一文中，我们谈到了Android 1.5和1.6兼容性和2.0版本以后有很多不一致的地方，开发时需要单独进行处理，这会耗费开发者相当大的精力，我们在开发Android实际应用时应该如何制定App的支持策略呢？ 下面我们谈谈应该如何分析来制定自己App的支持策略。1、 了解Android最新版本分布情况 在Android developer上的资源页面里，Google会提供最新的Android版本分布情况。例如下面是最近2月1日的数据。从中可以了解到Android 1.5的分布比例为0.6%，而Android 1.6的分布比例为1.0%...阅读全文

　　摘要：写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 ----------- 译自：阅读全文

　　摘要：我在面试测试工程师时，经常问到的一个问题是“给出Word另存为这个功能的测试用例”。除开基本的测试用例外，考虑到各种异常情况，例如内存已满、硬盘空间不足是非常重要的。但是针对移动互联网App来说，情况还要复杂的多。 一个重要原则是：测试你最终要发布给用户的App版本。 可能每日构建、每日测试的理念已经深入人心，我们很多时候测试的只是App的开发和Debug版本，而不是最终的Release版本。在打包最终的Release版本时，我们一般还要加上数字签名，或者再加上代码混淆。那么最终的发布版本和Debug版本肯定有不一致的地方。我们iPhone的App曾经使用过一个第三方开源库，在Debug...阅读全文

　　摘要：近期在微博上有朋友推荐了一个Facebook创意应用Crush Notifier（爱情通知）。其基本规则是：1、提交你喜欢的异性（对方不会收到）；2、如果对方也将你列为喜欢的对象，你们俩就会同时收到通知。3、每人仅能免费2次。这个应用像该应用作者之前的一款产品Breakup Notifier（分手通知，该应用上线万）一样在Facebook上火速窜红。 下面我翻译了一个和这个应用非常类似的应用adore.ly作者一篇关于Facebook Web应用开发心得的文章，希望能带给应用开发者一些帮助和启迪。——————原文地址：阅读全文