![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebApp
文章平均质量分 77
WebAppTrend
这个作者很懒,什么都没留下…
展开
-
响应式Web设计资源整理
这篇文章是对以往发表在Smashing Magazine上关于响应式Web设计的文章的集合,所选出的文章都是最有用最受大家欢迎的,下面就请大家来看看吧。概览响应式Web设计的概念及用法如何应对Media Queries不受支持的情况响应式Web设计的技术、工具及策略如何使用CSS3 Media Queries来为你的网站创建一个移动端版本响应式 Web设计的概念翻译 2012-03-02 22:45:09 · 5661 阅读 · 3 评论 -
零基础学习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 · 9450 阅读 · 1 评论 -
Google Web Apps开发指南之项目样例(上)
如果缺少项目案例部分,那么很难说这是个完整的开发指南。因为只有通过一系列的案例实践,才可以帮助人们形成最佳实践,了解那些开发特性是如何体现在具体产品中的。在接下来的这一章节中,我们创建了对应当前web apps常见场景的4个样例应用,而且对每个应用的设计决策,以及功能特殊背后技术元素的使用方法都添加了具体点评。项目样例分析值得说明的是,除了Khan Academy外,其他三个Web A翻译 2012-02-23 00:32:29 · 3827 阅读 · 1 评论 -
如何一步一步制作出高品质Infographic?
译者注:Infographic就是 information+graphic的组合,透过图像的力量让生硬的数据显出趣味与生命力,也让读者可以轻松的理解并在脑海中留下印象。无论是从Infographic备受大家关注还是从信息时代需要更有效的途径处理大量信息的角度来看,Infographic的制作教程都能够使你受益匪浅。(知识储备:信息设计,图像设计 必备工具:图形设计软件(推荐Adobe Ill翻译 2012-02-20 23:01:20 · 3864 阅读 · 0 评论 -
Android官方开发中心之Web Apps屏幕适配
概览你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面本文档中的技术适用于Android 2.0及以上设备,针对默认的Android Browser中及在WebView中呈现的页面如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用,你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型翻译 2012-02-11 22:35:25 · 3418 阅读 · 0 评论 -
有关web响应式设计的7点启发
开发者视角中的优秀并不意味着用户也有同样的感受。国外知名电子商务网站Lot18的高级前端开发人员Vince Allen,特别撰文讲述了采用响应式设计开发Lot18的背后故事和7条经验。全文如下:为Lot18这样迅猛发展的电子商务公司工作是件激动人心的事情。知道几个月后,在开发团队面临一项重大决择的时候,我们狂热的情绪才逐渐平复下来。我们的困扰是:是在网站的原有引擎(该引擎很有可能网站发布后翻译 2012-02-11 00:12:51 · 889 阅读 · 0 评论 -
Dropbox:新的web文件系统
Dropbox REST API将永久地改变商业web app的交互方式。它将允许web app从用户的桌面或移动设备上存取数据。这意味着web apps(尤其是小型商业应用)的用户再也无需面对繁琐的UI了,而开发者也不用为了针对新的交互和应用重新改造电子表格了。这真的太神奇了。你看到了吗?你是否现在就想试一试了?试想一下:你的客户能够在自己的桌面app上修改web app的数翻译 2012-01-04 23:14:45 · 836 阅读 · 0 评论 -
Web Apps概览
基本上有两种方式来在Android上发布一个应用:作为一个客户端应用程序(使用Android SDK开发并作为一个.apk安装在用户设备上)或者作为一个Web应用(使用Web标准开发,并通过web浏览器访问——不需要在用户设备上安装什么)。你选择以何种方式发布你的应用基于好几个因素,但是Android做出了一个决定,使得开发一个Web应用更为容易,为此,他们提供了:对viewport属翻译 2012-02-08 23:39:51 · 938 阅读 · 0 评论 -
为什么你需要设计和维护一套自我移动标准?
在一个很长的调研日的休息时分,我在同一个客户谈一个项目,在这个项目中,我正为一个全球经济公司开发一个iOS标准。他们的第一反应是这样的:“什么?你在开发Apple iOS以外的标准?那还要开发什么?”于是,我们就移动设备标准进行了一个很长的讨论——这些标准是什么不是什么,以及这些标准应该是什么样。比如说,Apple在解释他们的触摸交互模型以及iOS的独特的UI元素设计方面做得很好,对于这些技术的使翻译 2012-02-08 00:36:53 · 794 阅读 · 0 评论 -
lifehacker推荐:2011年10个值得更多关注的Web Apps
每年都有许多新的web apps上线,而其中许多应用却没能得到应有的重视。现在就来总结一下,2011年10大值得更多关注的Web Apps。文章开篇的图片来源于 Melissa Downey.注意:虽然很多web apps可能不能记录在此,但是还是非常感谢所有为对这篇文章提供了宝贵意见的人。10. 迷你Apps在文章的开始,我们并不打算单独地列举某个特殊的app翻译 2012-01-04 11:01:57 · 994 阅读 · 0 评论 -
Javascript不可用的问题探究
注:本文来源于国外独立的技术博客昨天在Twitter上的一些有趣的讨论中,我发现人们对于Web应用和站点对Javascript的依赖普遍存在一种疑惑。这种疑惑一直都存在,而对我而言,这个问题随着浏览技术的飞跃发展而集中爆发了。我第一次遇到这个问题还是在DHTML盛行的时代。我们对浏览器无所不用其极,加上各种动画菜单、3D标签(我们现在已经学会不再使用这些了),但总有人告诉我们Jav翻译 2012-01-02 22:55:22 · 1532 阅读 · 0 评论 -
帮你做出优秀web设计的10项原则
Dieter Rams是20世纪最重要的设计大师之一,其闻名遐迩的优秀设计应具备的10项原则侧重于工业设计。Lisbon的设计师NunoLoureiro把这10项原则运用到web设计中,并在这篇文章中,谈到了一些他的心得。“我倾心于细节,在我看来,它比整体更重要。细节必不可少,它决定一切,同时它也是质量的保证。”---Dieter Rams在大学期间,我第一次见到Dieter Rams的作翻译 2012-02-08 00:36:22 · 814 阅读 · 0 评论 -
Web Apps 发展状况2011年盘点
编者按:本文作者为海豚浏览器CTO 刘铁锋,HTML5的兴起让业界有了Web App和Native App之争,本文对Web App 2011年的发展状况做了超详细的盘点,并指出基于HTML 5的Web App会有新的开发模式,甚至于不同于App Store的新盈利模式出现。如有读者想和作者就此做更深入的探讨,可以在微博@百纳刘铁锋。从HTML 5开始兴起之后,在移动平台上Web Apps原创 2011-12-31 19:00:15 · 899 阅读 · 0 评论 -
App开发者需要了解的2012五大应用趋势
每天世界各地的消费者都会从联网设备上下载千千万万的应用,这些联网设备的数目在不断增长,包括笔记本、平板电脑、电子阅读器、智能电视以及智能手机。现在大多数应用发布者都发现他们处于一个相似的境地中:他们已经做了决定,到底是要为每个操作系统开发native apps还是使用HTML5构建一个web app,并且他们知道需要从什么发布渠道发布产品。但是,他们仍然面临的一个最大的挑战是如何让产品拥有需求。因翻译 2012-02-05 00:24:28 · 839 阅读 · 0 评论 -
Mozilla推出‘Pancake’,挑战Web传统
Mozilla实验室启动了一个新的项目,在这个项目中,想要对以往的Web传统做一些改变,包括一直以来神圣不可侵犯的URL地址栏。这个名为Pancake的新项目,将会帮助Mozilla“更好得懂得人们在网络上做些什么、做的原因、做的方式,并帮助人们更方便更高效地完成这些事情。”据Pancake的负责人Stuart Parmenter介绍,Pancake项目的目标是采用一些“宏大的概念甚至有时还有翻译 2012-02-05 00:23:35 · 787 阅读 · 0 评论 -
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 · 772 阅读 · 0 评论 -
关于HTML5的11个让人难以接受的事实
HTML5为Web开发者提供了很多强大的新特性,但是它的一些特定的限制会让它无法和本地应用匹敌。HTML5整合进了很多新的特性,并且有可能提升Web编程模式。和每一个阅读技术资讯的人所知道的一样,没有任何一样东西能像HTML5对互联网造成更多改变。在代码中加入一些HTML5,网站会变得更快更炫。但是HTML5能为那些想要要网络上实现本地应用表现的人做什么可能不在此列了。在享受了HT翻译 2011-12-30 23:02:19 · 8844 阅读 · 24 评论 -
Appcelerator收购Cocoafish,旨在为Titanium平台提供即时移动云服务
译者注:Appcelerator是一家提供移动平台开发框架的公司。他们的Appcelerator Titanium开发框架让网站开发者可以使用自己熟悉的语言来开发在移动设备上运行的程序。 Cocoafish为移动应用开发者们提供包括发送信息,推送提醒,照片上传,社交分享,云储存等功能在内的25项云服务。 近日, Appcelerator宣布收购移动云服务提供商Cocoafish,并透露将翻译 2012-02-14 23:33:32 · 2944 阅读 · 0 评论 -
Lanyrd是如何应用HTML5创建出优秀的移动Web应用的
当很多人都在等待观望的时候,有人已经利用HTML5做出了非常优秀的应用了。来自于国外科技媒体ReadWriteWeb发布了专栏作家Dan Rowinski的一篇文章,谈论了Lanyrd是如何应用HTML5创建出优秀的移动Web应用的 当谈到HTML5移动web应用发展的时候,很多开发者都在等待确定前景一片光明以后才愿意尝试使用它。确实,HTML5移动web应用有改变整个移动应用生态系统的潜翻译 2012-02-14 23:41:59 · 3955 阅读 · 0 评论 -
Android官方文档之Web Apps调试
概览你可以使用控制台的Javascript方法调试你的web app如果是在定制的WebView中调试,你需要实现一个回调方法来处理调试信息文档内容在Android Browser中使用控制台API在WebView中使用控制台API参考调试如果你是在为Android开发web应用,那么,你可以使用控制台(console)的Javascript API翻译 2012-02-14 23:31:13 · 3257 阅读 · 1 评论 -
聘用NodeJS开发者的六个建议
假设你正想聘用一名Node.js程序员或者外包项目给独立职业者,你将寻找怎样的人呢? 好的应聘者需具备哪些能力呢?这个简短的指南将为了你筛选Node人才提供一些建议。1)为什么选择Node?Node的logo酷毙了你必须询问自己的第一个问题便是:为什么选择Node?现在许多公司聘用Node开发者,但是他们都是必要的么?我看不见得。毫无疑问,Node是一个有力的工具,但是它像翻译 2012-03-01 23:42:08 · 2668 阅读 · 0 评论 -
投身移动开发必须知道的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 · 3023 阅读 · 0 评论 -
[摘要]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 · 2877 阅读 · 0 评论 -
【数据】《移动优先》作者:为什么移动如此重要?
三年前,前雅虎用户体验总监Luke Wroblewski首次提出了“移动优先”的设计理念,当时有很多人表示怀疑,在移动互联网日益火爆的今天,这个理念得到很多人认同,为说服少数依旧保持旧观念的人们。在这篇文章中,他列举了一组数字和分析,生动有力地再次论证了移动的重要性。(注:Mobile First(移动优先)的口号最初是由Yahoo前首席设计架构师Luke Wroblewski提出的,已经翻译 2012-02-28 23:40:33 · 2899 阅读 · 0 评论 -
阻碍Web开放的不是WebKit,而是Web开发者的短视
近日,据国外媒体报道,W3C联合主席Daniel Glazman指出,与IE相比,苹果和谷歌移动浏览器(都基于开源Webkit引擎)的主导地位对Web开放性的影响更为恶劣。因为在Web标准发展的途径。新浏览器通常会引进最终成为标准的新技术,但最初这些新技术只出现在一种浏览器中。Web编程人员在使用这些试验性的技术时,他们必须在命令前加一个前缀。例如,“-webkit”前缘表明基于WebKit的浏览翻译 2012-02-20 00:19:15 · 5877 阅读 · 1 评论 -
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 · 2246 阅读 · 0 评论 -
重新审视Mobile Web
作者简介:Byron是一个有着剧院设计和古典动画制作背景的设计者和勤奋的开发者。他在各类媒体中工作,包括纸质媒体、广播、网络以及移动媒体。他是一个富于激情的故事讲述者,一个勤奋的思考者。他一直致力于在设计、内容表现以及技术之间搭建起一座桥梁。在下面的文章中,Byron讲述了他做出的关于Mobile Web的演讲前前后后的故事。他在Over The Air上做的这次名为“重新审视Mobile W翻译 2012-02-28 23:39:36 · 2503 阅读 · 0 评论 -
一周文章精选:Android官方文档之Web Apps开发
从本周起,WebAppTrend将精选本周内发表的精品文章以及若干微博,制成周刊,内容分为“微动态”、“小专题”、“前沿与评论”、“工具与框架”、“产业与案例”等栏目。如希望邮件订阅,或关于跨平台、Web App领域,希望投稿或接受采访,请发邮件到WebAppTrendCA@163.com通知我们。:)#微动态#@WebAppTrend:据WebMoney报道,去年,HTML5 Tim翻译 2012-02-20 00:19:40 · 3171 阅读 · 1 评论 -
海豚浏览器CTO刘铁锋:Mobile Web App发展现状及展望
在计算机的发展过程中,目前移动设备的时代可谓是潜力最大,发展最为迅猛,也是竞争最为激烈的一个时代。硬件的发展速度几乎令所有的消费者惊叹,如果2008年给你一部主频为528MHz,内存为192M,屏幕为3.2寸,分辨率为320*480的手机,你可能会觉得非常前卫,因为CPU和分辨率足够高。而放到三年之后的今天,这部机器已经沦落到无人问津,成为古董机型的地步。不错,这就是G1的配置。而现在双核1.5G翻译 2012-02-17 23:56:55 · 5258 阅读 · 0 评论 -
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 · 6605 阅读 · 2 评论 -
新手必读:PhoneGap入门六大问题
很多PhoneGap新手总是需要一些基础问题的解答,Adobe技术布道师Andrew Trice常在其博文中回答诸如” PhoneGap是什么?”、“phonegap应用开发出来是什么样的形态?”、“如何开发phonegap?”等问题。近日他将这些问题回答整理成文以帮助开发者理解和使用PhoneGap。1. PhoneGap是什么?PhoneGap是一个基于HTML和JavaScrip翻译 2012-02-17 23:56:27 · 17106 阅读 · 0 评论 -
WebAppTrend周刊:Google Chrome工程师推出Web App开发指南
从本周起,WebAppTrend将精选一周内(2月20日~2月25日)发表的精品文章以及若干微博,制成周刊,内容分为“微动态”、“小专题”、“前沿与评论”、“工具与框架”、“产业与案例”等栏目。如希望邮件订阅,或关于跨平台、Web App领域,希望投稿或接受采访,请发邮件到WebAppTrend@gmail.com通知我们。:)#微动态#@WebAppTrend : Vision Mo翻译 2012-02-26 00:46:29 · 4090 阅读 · 0 评论 -
Google Web App开发指南第四章:构建优秀的Web Apps
构建漂亮的应用一个web app的视觉设计不仅要看起来美,也要用起来让人觉得方便你的应用的美学设计将直接影响人们使用应用时的易用性。一个有着丰富视觉感受的应用既能让人用起来愉快,又不会分散人的注意力。它注重美观,使用类似于native apps设计模式的同时又不失易用性。美观的图片、颜色、字体和速度、易读性、易用性之间需要达到均衡。用户和文化背景也非常重要,因为在不同文化中,颜色、布局翻译 2012-02-24 22:09:41 · 2822 阅读 · 0 评论 -
Android官方文档在WebView中构建Web Apps
概览在你的Android应用布局中使用 WebView 来展现web页面你可以创建从Javascript到客户端Android代码的接口文档内容将 WebView 加入你的应用¨ 在Webview中使用 JavaScript ¨ 启用 JavaScript¨ 将 JavaScript代码绑定到Android代码翻译 2012-02-14 23:30:34 · 1308 阅读 · 0 评论 -
#HTML5 Web App项目秀#国内首款大型HTML5页游《黎明帝国》开发背后
HTML5游戏《黎明帝国》,磊友科技打造,官网试玩正想游戏邦创始人郑金条在《程序员》杂志专栏文章中所说:“HTML5被整体市场所观望的除了技术标准和规范不够成熟外,最大的盼头就是出现一款重磅作品给市场打入强心剂,虽然磊友、Spil或Facebook在推动这个趋势,但都不如一款有说服力的游戏来得有价值。”在2月10日,国内HTML5技术先行者和推动者磊友科技(著名的HTML5研究小组的开翻译 2012-02-14 23:40:55 · 3569 阅读 · 0 评论 -
Android官方文档之Web Apps最佳实践
为移动设备开发web页面或者web应用与为桌面浏览器开发web页面不同,会出现很多新的挑战。为了帮助你开始,下面是一系列你需要遵循的最佳实践,以便为Android和其他移动设备提供最有效的web应用。1. 将来自移动设备的请求重定向到专门为移动端设计的Web版本 有好几种方式可以让你使用服务端的重定向将请求重定向到你的web站点的移动版本上去。最常见的情况是通过“嗅探”("sni翻译 2012-02-14 23:32:44 · 1176 阅读 · 0 评论 -
移动优先很好,但我想快好省的将现有网站移动化
谈到移动设计,并不是所有的人都有足够的资源和时间去重头开发一个全新的移动网站或是重新设计成一个移动优先的网站。Mobilizing Web Sites一书的作者Kristofer Layon将在本文中介绍,如何一步一步地将一个已有的网站改造成一个移动网站。在过去的几年中,我有幸参与了一些关于移动web设计的重要会议,如果你对移动市场感兴趣并且正在阅读这篇文章,你可能已经听过一些给人带来翻译 2011-12-29 16:19:46 · 1380 阅读 · 0 评论 -
HTML5视频发展状况
注:这篇报告来自LongTail VideoHTML5已经进入了在线视频市场,这是一件激动人心的事情,同时也对工业开发者提出了挑战。随着HTML5规范和各种浏览器的不断改变,LongTail Video花费了大量的时间来弄清楚这一技术的本质,并且在各种浏览器以及设备上测试了播放效果,然后针对HTML5播放效果对产品进行了优化。HTML5视频发展现状一文意在与其他的用户以及开发者分享HTML翻译 2012-02-05 00:23:05 · 2030 阅读 · 0 评论 -
移动web设计&开发45大实用指南
众所周知,对许多web设计者和开发者来说,移动web世界就像一个黑洞一样。它存在许多未知的因素(Programming the Mobile Web一书中谈到了这一点),并且现有的浏览器存在各种不同的版本。这篇文章,将为大家推荐45个最实用的官方资源。不幸的是,并非虽有的浏览器都提供了官方文档,这本书所做的更多的工作是研究并测试每个功能。请记住:所有的这些指南都是不完全的,有些甚至不一定是正确翻译 2012-01-31 22:45:09 · 774 阅读 · 0 评论 -
Pixel Proliferation:面向设计师的屏幕分辨率管理工具
技术总是不停地在变化。设备视图在不断地改变,同时设备的类型也在推陈出新。随着中等尺寸屏幕设备(mid-screen devices)的需求日益增长,管理所有设备的分辨率和屏幕尺寸已经变得越来越困难了。因此我们将现有的针对各种屏幕分辨率的管理工具整合在了一起,供用户下载。无论是触屏的HVGA移动设备还是5路输入的高清晰电视,Punchcut的UI项目都涉及到了。我们一直致力于解决新屏幕尺寸的处理翻译 2012-01-10 23:53:35 · 875 阅读 · 0 评论