WebAppTrend-优快云博客

翻译响应式Web设计资源整理

这篇文章是对以往发表在Smashing Magazine上关于响应式Web设计的文章的集合，所选出的文章都是最有用最受大家欢迎的，下面就请大家来看看吧。概览响应式Web设计的概念及用法如何应对Media Queries不受支持的情况响应式Web设计的技术、工具及策略如何使用CSS3 Media Queries来为你的网站创建一个移动端版本响应式 Web设计的概念

2012-03-02 22:45:09 5756 2

翻译投身移动开发必须知道的20件事

移动开发需要具体的设计考虑。这个所指的范围非常广，可以从“你已经习惯了并觉得容易”到“困难”（These can vary greatly from what you're used to and it's easy to trip up），所以，这里有一些开发者 Paulo Fierro 很久以前被告知的忠告。那么，你想要从事移动开发？也许你想通过应用商店就可以获得预想的上百万的收入，或

2012-03-01 23:42:37 3126

翻译聘用NodeJS开发者的六个建议

假设你正想聘用一名Node.js程序员或者外包项目给独立职业者，你将寻找怎样的人呢? 好的应聘者需具备哪些能力呢?这个简短的指南将为了你筛选Node人才提供一些建议。1）为什么选择Node?Node的logo酷毙了你必须询问自己的第一个问题便是：为什么选择Node?现在许多公司聘用Node开发者，但是他们都是必要的么？我看不见得。毫无疑问，Node是一个有力的工具，但是它像

2012-03-01 23:42:08 2746

翻译 [摘要]Vision Mobile发布2012跨平台开发工具报告 PhoneGap最受欢迎

国外知名调查分析机构Vision Mobile发布2012跨平台开发工具报告，开发者市场占有率Top 10为：1. PhoneGap 32% 2. Sencha Touch/JQ Touch 30% 3. Mono 26% 4. Appcelerator 24% 5. Adobe Flex 22% 6. Unit 3 20% 7. Corona 17% 8. AppMobi 16% 9. Ru

2012-03-01 23:41:43 2954

翻译 Facebook发力Mobile Web 推出支付和测试工具

Facebook入场了，在MWC大会上，Facebook CTO Bret Taylor介绍了FB的一揽子Mobile Web战略并将其名为“核心移动Web平台”.其中包括：1）和合作伙伴制定Moblie Web标准，使开发者更容易高效地跨平台和浏览器开发。一款测试组件Ringmark，用于测试移动浏览器对标准的支持程度.2）最重要的是FB联合电信运营商推出针对Mobile Web的支付系

2012-02-28 23:41:10 2285

翻译【数据】《移动优先》作者：为什么移动如此重要？

三年前，前雅虎用户体验总监Luke Wroblewski首次提出了“移动优先”的设计理念，当时有很多人表示怀疑，在移动互联网日益火爆的今天，这个理念得到很多人认同，为说服少数依旧保持旧观念的人们。在这篇文章中，他列举了一组数字和分析，生动有力地再次论证了移动的重要性。(注：Mobile First（移动优先）的口号最初是由Yahoo前首席设计架构师Luke Wroblewski提出的，已经

2012-02-28 23:40:33 3037

翻译重新审视Mobile Web

作者简介：Byron是一个有着剧院设计和古典动画制作背景的设计者和勤奋的开发者。他在各类媒体中工作，包括纸质媒体、广播、网络以及移动媒体。他是一个富于激情的故事讲述者，一个勤奋的思考者。他一直致力于在设计、内容表现以及技术之间搭建起一座桥梁。在下面的文章中，Byron讲述了他做出的关于Mobile Web的演讲前前后后的故事。他在Over The Air上做的这次名为“重新审视Mobile W

2012-02-28 23:39:36 2535

翻译 WebAppTrend周刊：Google Chrome工程师推出Web App开发指南

从本周起，WebAppTrend将精选一周内（2月20日~2月25日）发表的精品文章以及若干微博，制成周刊，内容分为“微动态”、“小专题”、“前沿与评论”、“工具与框架”、“产业与案例”等栏目。如希望邮件订阅，或关于跨平台、Web App领域，希望投稿或接受采访，请发邮件到WebAppTrend@gmail.com通知我们。：）#微动态#@WebAppTrend ： Vision Mo

2012-02-26 00:46:29 4123

翻译 Google Web App开发指南第四章：构建优秀的Web Apps

构建漂亮的应用一个web app的视觉设计不仅要看起来美，也要用起来让人觉得方便你的应用的美学设计将直接影响人们使用应用时的易用性。一个有着丰富视觉感受的应用既能让人用起来愉快，又不会分散人的注意力。它注重美观，使用类似于native apps设计模式的同时又不失易用性。美观的图片、颜色、字体和速度、易读性、易用性之间需要达到均衡。用户和文化背景也非常重要，因为在不同文化中，颜色、布局

2012-02-24 22:09:41 2870

翻译零基础学习Sencha Touch（资料和教程集合）

译者注：本篇文章为开发者提供了零基础使用Sencha Touch的一些资料。 Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。从头开始创建一个Sencha Tou

2012-02-23 00:33:15 9576

翻译 Google Web Apps开发指南之项目样例（上）

如果缺少项目案例部分，那么很难说这是个完整的开发指南。因为只有通过一系列的案例实践，才可以帮助人们形成最佳实践，了解那些开发特性是如何体现在具体产品中的。在接下来的这一章节中，我们创建了对应当前web apps常见场景的4个样例应用，而且对每个应用的设计决策，以及功能特殊背后技术元素的使用方法都添加了具体点评。项目样例分析值得说明的是，除了Khan Academy外，其他三个Web A

2012-02-23 00:32:29 3883

翻译如何一步一步制作出高品质Infographic？

译者注：Infographic就是 information+graphic的组合，透过图像的力量让生硬的数据显出趣味与生命力，也让读者可以轻松的理解并在脑海中留下印象。无论是从Infographic备受大家关注还是从信息时代需要更有效的途径处理大量信息的角度来看，Infographic的制作教程都能够使你受益匪浅。（知识储备：信息设计，图像设计必备工具：图形设计软件（推荐Adobe Ill

2012-02-20 23:01:20 4013

翻译一周文章精选：Android官方文档之Web Apps开发

从本周起，WebAppTrend将精选本周内发表的精品文章以及若干微博，制成周刊，内容分为“微动态”、“小专题”、“前沿与评论”、“工具与框架”、“产业与案例”等栏目。如希望邮件订阅，或关于跨平台、Web App领域，希望投稿或接受采访，请发邮件到WebAppTrendCA@163.com通知我们。：）#微动态#@WebAppTrend:据WebMoney报道，去年，HTML5 Tim

2012-02-20 00:19:40 3248 1

翻译阻碍Web开放的不是WebKit，而是Web开发者的短视

近日，据国外媒体报道，W3C联合主席Daniel Glazman指出，与IE相比，苹果和谷歌移动浏览器（都基于开源Webkit引擎）的主导地位对Web开放性的影响更为恶劣。因为在Web标准发展的途径。新浏览器通常会引进最终成为标准的新技术，但最初这些新技术只出现在一种浏览器中。Web编程人员在使用这些试验性的技术时，他们必须在命令前加一个前缀。例如，“-webkit”前缘表明基于WebKit的浏览

2012-02-20 00:19:15 5906

翻译海豚浏览器CTO刘铁锋：Mobile Web App发展现状及展望

在计算机的发展过程中，目前移动设备的时代可谓是潜力最大，发展最为迅猛，也是竞争最为激烈的一个时代。硬件的发展速度几乎令所有的消费者惊叹，如果2008年给你一部主频为528MHz，内存为192M，屏幕为3.2寸，分辨率为320*480的手机，你可能会觉得非常前卫，因为CPU和分辨率足够高。而放到三年之后的今天，这部机器已经沦落到无人问津，成为古董机型的地步。不错，这就是G1的配置。而现在双核1.5G

2012-02-17 23:56:55 5317

翻译新手必读：PhoneGap入门六大问题

很多PhoneGap新手总是需要一些基础问题的解答，Adobe技术布道师Andrew Trice常在其博文中回答诸如” PhoneGap是什么?”、“phonegap应用开发出来是什么样的形态?”、“如何开发phonegap?”等问题。近日他将这些问题回答整理成文以帮助开发者理解和使用PhoneGap。1. PhoneGap是什么?PhoneGap是一个基于HTML和JavaScrip

2012-02-17 23:56:27 17222

翻译 Google Web App开发指南第一章：什么是Web Apps？

很多人向我问起学习HTML5技术的权威入门资料，我总是毫不犹豫地推荐由Google推出的HTML5rocks，这个网站就像一个宝库，包含经典的教程、文章、Demo和代码。近日 Chrome小组又推出了一个很酷的Web App电子书，讲述了Chrome开发人员对Web Apps的思考和最佳实践，推荐每个关注Web Apps的开发者阅读。Web AppTrend为方便国内开发者浏览，将全文进行翻译

2012-02-17 23:55:50 6668

翻译 Lanyrd是如何应用HTML5创建出优秀的移动Web应用的

当很多人都在等待观望的时候，有人已经利用HTML5做出了非常优秀的应用了。来自于国外科技媒体ReadWriteWeb发布了专栏作家Dan Rowinski的一篇文章，谈论了Lanyrd是如何应用HTML5创建出优秀的移动Web应用的当谈到HTML5移动web应用发展的时候，很多开发者都在等待确定前景一片光明以后才愿意尝试使用它。确实，HTML5移动web应用有改变整个移动应用生态系统的潜

2012-02-14 23:41:59 3989

翻译 #HTML5 Web App项目秀#国内首款大型HTML5页游《黎明帝国》开发背后

HTML5游戏《黎明帝国》，磊友科技打造，官网试玩正想游戏邦创始人郑金条在《程序员》杂志专栏文章中所说：“HTML5被整体市场所观望的除了技术标准和规范不够成熟外，最大的盼头就是出现一款重磅作品给市场打入强心剂，虽然磊友、Spil或Facebook在推动这个趋势，但都不如一款有说服力的游戏来得有价值。”在2月10日，国内HTML5技术先行者和推动者磊友科技（著名的HTML5研究小组的开

2012-02-14 23:40:55 3688

翻译 Appcelerator收购Cocoafish，旨在为Titanium平台提供即时移动云服务

译者注：Appcelerator是一家提供移动平台开发框架的公司。他们的Appcelerator Titanium开发框架让网站开发者可以使用自己熟悉的语言来开发在移动设备上运行的程序。 Cocoafish为移动应用开发者们提供包括发送信息，推送提醒，照片上传，社交分享，云储存等功能在内的25项云服务。近日， Appcelerator宣布收购移动云服务提供商Cocoafish，并透露将

2012-02-14 23:33:32 2972

翻译 Android官方文档之Web Apps最佳实践

为移动设备开发web页面或者web应用与为桌面浏览器开发web页面不同，会出现很多新的挑战。为了帮助你开始，下面是一系列你需要遵循的最佳实践，以便为Android和其他移动设备提供最有效的web应用。1. 将来自移动设备的请求重定向到专门为移动端设计的Web版本有好几种方式可以让你使用服务端的重定向将请求重定向到你的web站点的移动版本上去。最常见的情况是通过“嗅探”（"sni

2012-02-14 23:32:44 1230

翻译 Android官方文档之Web Apps调试

概览你可以使用控制台的Javascript方法调试你的web app如果是在定制的WebView中调试，你需要实现一个回调方法来处理调试信息文档内容在Android Browser中使用控制台API在WebView中使用控制台API参考调试如果你是在为Android开发web应用，那么，你可以使用控制台（console）的Javascript API

2012-02-14 23:31:13 3316

翻译 Android官方文档在WebView中构建Web Apps

概览在你的Android应用布局中使用 WebView 来展现web页面你可以创建从Javascript到客户端Android代码的接口文档内容将 WebView 加入你的应用¨ 在Webview中使用 JavaScript ¨ 启用 JavaScript¨ 将 JavaScript代码绑定到Android代码

2012-02-14 23:30:34 1367

翻译 Android官方开发中心之Web Apps屏幕适配

概览你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面本文档中的技术适用于Android 2.0及以上设备，针对默认的Android Browser中及在WebView中呈现的页面如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型

2012-02-11 22:35:25 3473

翻译有关web响应式设计的7点启发

开发者视角中的优秀并不意味着用户也有同样的感受。国外知名电子商务网站Lot18的高级前端开发人员Vince Allen，特别撰文讲述了采用响应式设计开发Lot18的背后故事和7条经验。全文如下：为Lot18这样迅猛发展的电子商务公司工作是件激动人心的事情。知道几个月后，在开发团队面临一项重大决择的时候，我们狂热的情绪才逐渐平复下来。我们的困扰是：是在网站的原有引擎（该引擎很有可能网站发布后

2012-02-11 00:12:51 911

翻译 Web Apps概览

基本上有两种方式来在Android上发布一个应用：作为一个客户端应用程序（使用Android SDK开发并作为一个.apk安装在用户设备上）或者作为一个Web应用（使用Web标准开发，并通过web浏览器访问——不需要在用户设备上安装什么）。你选择以何种方式发布你的应用基于好几个因素，但是Android做出了一个决定，使得开发一个Web应用更为容易，为此，他们提供了：对viewport属

2012-02-08 23:39:51 968

翻译为什么你需要设计和维护一套自我移动标准？

在一个很长的调研日的休息时分，我在同一个客户谈一个项目，在这个项目中，我正为一个全球经济公司开发一个iOS标准。他们的第一反应是这样的：“什么？你在开发Apple iOS以外的标准？那还要开发什么？”于是，我们就移动设备标准进行了一个很长的讨论——这些标准是什么不是什么，以及这些标准应该是什么样。比如说，Apple在解释他们的触摸交互模型以及iOS的独特的UI元素设计方面做得很好，对于这些技术的使

2012-02-08 00:36:53 820

翻译帮你做出优秀web设计的10项原则

Dieter Rams是20世纪最重要的设计大师之一，其闻名遐迩的优秀设计应具备的10项原则侧重于工业设计。Lisbon的设计师NunoLoureiro把这10项原则运用到web设计中，并在这篇文章中，谈到了一些他的心得。“我倾心于细节，在我看来，它比整体更重要。细节必不可少，它决定一切，同时它也是质量的保证。”---Dieter Rams在大学期间，我第一次见到Dieter Rams的作

2012-02-08 00:36:22 843

翻译 Twitter发布Bootstaps 2.0，添加响应设计特性

译者注：2011年8月，Twitter推出了一个名为Bootstrap的开发工具包。该工具包自发布以来，一直是GitHub上热门的开源项目。Bootstrap2.0即将面世，本文作者Scott Gilbertson，介绍了2.0版本教1.0版本中改进的一些功能。Twitter准备发布Bootstrap 2.0。Bootstrap2.0是开源前端工具包的第二大版本，这个工具包面向web开发者，并

2012-02-05 00:24:53 798

翻译 App开发者需要了解的2012五大应用趋势

每天世界各地的消费者都会从联网设备上下载千千万万的应用，这些联网设备的数目在不断增长，包括笔记本、平板电脑、电子阅读器、智能电视以及智能手机。现在大多数应用发布者都发现他们处于一个相似的境地中：他们已经做了决定，到底是要为每个操作系统开发native apps还是使用HTML5构建一个web app，并且他们知道需要从什么发布渠道发布产品。但是，他们仍然面临的一个最大的挑战是如何让产品拥有需求。因

2012-02-05 00:24:28 891

翻译 Mozilla推出‘Pancake’，挑战Web传统

Mozilla实验室启动了一个新的项目，在这个项目中，想要对以往的Web传统做一些改变，包括一直以来神圣不可侵犯的URL地址栏。这个名为Pancake的新项目，将会帮助Mozilla“更好得懂得人们在网络上做些什么、做的原因、做的方式，并帮助人们更方便更高效地完成这些事情。”据Pancake的负责人Stuart Parmenter介绍，Pancake项目的目标是采用一些“宏大的概念甚至有时还有

2012-02-05 00:23:35 824

翻译 HTML5视频发展状况

注：这篇报告来自LongTail VideoHTML5已经进入了在线视频市场，这是一件激动人心的事情，同时也对工业开发者提出了挑战。随着HTML5规范和各种浏览器的不断改变，LongTail Video花费了大量的时间来弄清楚这一技术的本质，并且在各种浏览器以及设备上测试了播放效果，然后针对HTML5播放效果对产品进行了优化。HTML5视频发展现状一文意在与其他的用户以及开发者分享HTML

2012-02-05 00:23:05 2075

翻译移动web设计&开发45大实用指南

众所周知，对许多web设计者和开发者来说，移动web世界就像一个黑洞一样。它存在许多未知的因素（Programming the Mobile Web一书中谈到了这一点），并且现有的浏览器存在各种不同的版本。这篇文章，将为大家推荐45个最实用的官方资源。不幸的是，并非虽有的浏览器都提供了官方文档，这本书所做的更多的工作是研究并测试每个功能。请记住：所有的这些指南都是不完全的，有些甚至不一定是正确

2012-01-31 22:45:09 796

翻译 HTML5 APIs程序员指南

Rich Clark是一位HTML5专家，他非常了解HTML5规范中的APIs，这篇文章中，他将介绍这些APIs的用途以及最新进展情况。有关HTML5中的语法元素相信大家已经看到过不少介绍了，但是关于HTML5的APIs的介绍就不那么常见了，而HTML5规范主要就是由这些APIs构成的。相信大家都知道，HTML5的标准有两个版本，一个是由W3C发布的，另一个则是由WHATWG发布的。WHA

2012-01-30 22:29:57 1165

翻译 87%的联网者更倾向于Websites和Mobile Sites，而不是Apps

欢迎大家来了解联网者相关的信息。联网者很有可能是拥有平板电脑或者智能手机，并且会时常通过Facebook和他们的朋友保持联系。现在，在25~34岁的人当中，有超过60%的人拥有智能手机。有1/3的在线消费者在2014年之前会购买平板电脑。一个来自于 Zmags的新的调查报告研究了联网消费者的使用习惯。只有4%的联网消费者使用apps。87%的用户更倾向于使用websites 和 mob

2012-01-29 22:59:58 807

翻译 WebApp最佳实践用户体验篇之如何针对多种屏幕尺寸设计合理的移动应用

身为一个移动web网站的设计师，除非你只是针对某种特定的设备设计，否则你应该会常常碰到这样的问题：如何清楚地了解网站运行设备的屏幕尺寸大小？这个问题一直困扰着移动设备上的设计师。例如：iPhone的高度是480个像素，宽320像素。许多Nokia N系列设备的宽度为240像素，高度为320像素。许多更新款的设备支持宽度和高度颠倒的视图。旧款的Nokia（目前仍然比较流行）设备

2012-01-29 22:59:17 3656

翻译【初体验】为Window8开发Web Apps

免责声明：以下内容乃我个人观点，并不代表我公司的意见。我作为一个独立的开发人员，所开发的App属共享资源。在之前的一篇文章里，我提到过Windows8版的TrialTool。TrialTool是一款基于web的应用，这款应用充分展示了各种Javascript接口的兼容性。它就像是一个接口的容器，任凭你浏览、修改和运行示例。这个版本的TrialTool特别展示了各种Windows8接口。1.

2012-01-29 22:58:31 1089

翻译 WebApp最佳实践用户体验篇之关注环境，目标以及需求

注：本文节选自Brain Fling的Mobile Design & Development一书。我们之前已经大致讨论过了环境。现在我们已经知道了，环境是决定移动产品策略的一个重要因素，但是我们如何了解用户的环境呢？在制定移动策略时，预测用户的环境是一件非常困难的事情。它是一个实时的状态，存在许多的变数。在用户访问我们产品前，我们可以想象一下用户的哪些行为可能会影响我们的设计决定。这不是不可能

2012-01-29 22:57:53 884

翻译看波士顿环球报是如何借助HTML5实现响应式设计的

译者注：在HTML5真正变革各平台的开发模式前，定需要取得某些根本性的突破。今年的的一大突破就是“响应式设计”的发展。从根本来说，响应式设计需让内容适应任何屏幕尺寸。今年响应式设计最引人注目的案例要数Boston Globe推出BostonGlobe.com。这篇文章转述了ReadWriteWeb与BostonGlobe的开发团队Fliament之间谈话内容，其中详细介绍了开发中遇到的一些问题。希

2012-01-19 21:33:49 1499

翻译你需要的真是移动App吗？还是一个更好的网站？

当需要将一个web apps的核心功能迁移到移动设备（比如iPads以及其他的平板电脑）上时，网站开发人员给出的答案往往是一个更好的网站，而非移动App。现在这样的选择变得越来越常见，所以在这篇文章中将比较这两种方式各自的优缺点。Amir Shah是位于St. Louis的AgilitySpeaks.com公司的CEO，他说到“我们碰到过各式各样的客户，每当我们提到‘移动’这个概念时，他们常常

2012-01-16 22:11:20 2376

csdn移动电子月刊第一期

关注移动开发者的创优和创富，优快云移动频道特别精选12篇优秀文章，推出首期电子月刊。本期月刊的主题为移动应用的成功之道。内有《植物大战僵尸》的成功秘诀、拨号精灵创作者阐述产品创意、顽石互动创始人吴刚的创业故事、同步网络CEO熊俊从用户数据谈iOS开发等多篇深度分享。

2011-07-30

Intel AppUp开发者计划简介

This session will provide developers the overview of Intel IADP /AppUp plan. IADP part will provide developer high level process for IADP such as SDK, developer community, test process etc. AppUp part will provide developers for AppUp business model, rev sharing model, Application category, high level Architecture, Worldwide landing status, local landing time and local potential partner type etc.

2011-04-19

[艾瑞]中国手机应用商店研究报告简版

艾瑞咨询刚刚推出的《2010年中国手机应用商店研究报告》简版。

2011-01-21

【PPT】Android程序创意过滤与失败经验谈

紧随iPhone之后，Android Market在逐渐成长。自Motorolla Droid发布之后， Android设备数量屡创新高。相比App Store，Android Market并非那么成熟，盈利也与App Store相差甚远，但是相对Apple的封闭政策，Android的完全开放政策未必不能破局。因此，鹿死谁手，尚未有定论。

2010-04-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人