WebAppTrend

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

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

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

国外知名调查分析机构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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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