`
WebAppTrend
  • 浏览: 54627 次
社区版块
存档分类
最新评论
文章列表
这篇文章是对以往发表在Smashing Magazine上关于响应式Web设计的文章的集合,所选出的文章都是最有用最受大家欢迎的,下面就请大家来看看吧。 概览 响应式Web设计的概念及用法 如何应对Media Queries不受支持的情况 响应式Web设计的技术、工具及策略 如何使用CSS3 Media Queries来为你的网站创建一个移动端版本 响应式 Web设计的概念及用法 现 在几乎是每出现一个客户端,就会要求有网站有一个适用于它的移动端版本。这是有实际需求的:你得为BlackBerry设计一个移动端版本,得为 ...
移动开发需要具体的设计考虑。这个所指的范围非常广,可以从“你已经习惯了并觉得容易”到“困难”(These can vary greatly from what you're used to and it's easy to trip up),所以,这里有一些开发者 Paulo Fierro 很久以前被告知的忠告。 那么,你想要从事移动开发?也许你想通过应用商店就可以获得预想的上百万的收入,或者仅仅只是在寻找一个新的挑战。无论如何,当你想设计你自己的app时肯定需要考虑许多具体的问题,当然我不是指的编程这方面。 在你开始之前,你需要弄清楚你想解决什么问题。你的用户是谁?他们在哪?他 ...
假设你正想聘用一名Node.js程序员或者外包项目给独立职业者,你将寻找怎样的人呢? 好的应聘者需具备哪些能力呢?这个简短的指南将为了你筛选Node人才提供一些建议。 1)为什么选择Node? Node 的logo酷毙了 你必须询问 ...
国外知名调查分析机构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. RunRev 16% 10. Mosync 16%。 ...
Facebook入场了,在MWC大会上,Facebook CTO Bret Taylor介绍了FB的一揽子Mobile Web战略并将其名为“核心移动Web平台”. 其 中包括:1)和合作伙伴制定Moblie Web标准,使开发者更容易高效地跨平台和浏览器开发。一款测试组件Ringmark, ...
三 年前,前雅虎用户体验总监Luke Wroblewski首次提出了“移动优先”的设计理念,当时有很多人表示怀疑,在移动互联网日益火爆的今天,这个理念得到很多人认同,为说服少数依旧保 持旧观念的人们。在这篇文章中,他列举了一组数字和分析,生动有力地再次论证了移动的重要性。 (注:Mobile First(移动优先)的口号最初是由Yahoo前首席设计架构师Luke Wroblewski提出的,已经获得了业界的广泛反响。他提倡产品研发团队首先针对移动设备设计,这不仅是因为移动设备现在数量庞大而且在飞速增长,而 且因为移动设备的限制能迫使我们改变旧习惯,先做减法,更关注 ...
作者简介:Byron是一个有着剧院设计和古典动画制作背景的设计者和勤奋的开发者。他在各类媒体中工作,包括纸质媒体、广播、网络以及移动媒体。他是一个富于激情的故事讲述者,一个勤奋的思考者。他一直致力于在设计、 ...
从本周起,WebAppTrend将精选一周内(2月20日~2月25日)发表的精品文章以及若干微博,制成周刊,内容分为“微动态”、“小专题”、“前沿与评论”、“工具与框架”、“产业与案例”等栏目。 如希望邮件订阅,或关于跨平台、Web App领域,希望投稿或接受采访,请发邮件到WebAppTrend@gmail.com通知我们。:) #微动态# @WebAppTrend : Vision Moblile去年的移动开发者调查显示,Mobile Web已是iOS和Android之后的第三大平台,但如果Mobile Web App开发者找不到成熟地盈利模式的话,一切就将变成浮云,Web A ...
构建漂亮的应用 一个web app 的视觉设计不仅要看起来美,也要用起来让人觉得方便 你的应用的美学设计将直接影响人们使用应用时的易用性。一个有着丰富视觉感受的应用既能让人用起来愉快,又不会分散人的注意力。它注重美观,使用类似于native apps设计模式的同时又不失易用性。 美观的图片、颜色、字体和速度、易读性、易用性之间需要达到均衡。用户和文化背景也非常重要,因为在不同文化中,颜色、布局以及文字选择可能有不同含义。应用的视觉设计不仅要让用户感觉愉悦,也要让他们觉得使用方便。 使用开放web 特性来提供漂亮的设计 人们期待看到的web apps是与客户端或者mo ...
译者注:本篇文章为开发者提供了零基础使用Sencha Touch的一些资料。   Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。 从头开始创建一个Sencha Touch MVC  应用   Sencha Touch Bits 使用Sencha Touch 创建 Image Gallery ...
如果缺少项目案例部分,那么很难说这是个完整的开发指南。因为只有通过一系列的案例实践,才可以帮助人们形成最佳实践,了解那些开发特性是如何体现在具体产品中的。 在接下来的这一章节中,我们创建了对应当前web ap ...
译者注:Infographic就是 information+graphic 的组合,透过图像的力量让生硬的数据显出趣味与生命力,也让读者可以轻松的理解并在脑海中留下印象。无论是从Infographic备受大家关注还是从信息时代需要更有效的途径处理大量信息 ...
在计算机的发展过程中,目前移动设备的时代可谓是潜力最大,发展最为迅猛,也是竞争最为激烈的一个时代。硬件的发展速度几乎令所有的消费者惊叹,如 果2008年给你一部主频为528MHz,内存为192M,屏幕为3.2寸,分辨率为320*48 ...
很多PhoneGap新手总是需要一些基础问题的解答,Adobe技术布道师Andrew Trice常在其博文中回答诸如” PhoneGap是什么?”、“phonegap应用开发出来是什么样的形态?”、“如何开发phonegap?”等问题。近日他将这些问题回答整理成文 以帮助开发者理解和使用PhoneGap。 1. PhoneGap是什么? PhoneGap 是一个基于HTML和JavaScript的应用开发平台,使用它可以构建本地应用。你可以把PhoneGap看作一个正方形的web view container,它使用JavaScript编程接口实现用户在不同操作系统下 ...
很多人向我问起学习HTML5技术的权威入门资料,我总是毫不犹豫地推荐由Google推出的HTML5rocks,这个网站就像一个宝库,包含经 典的教程、文章、Demo和代码。近日 Chrome小组又推出了一个很酷的Web App电子书,讲述了Chrome开发人员对Web Apps的思考和最佳实践,推荐每个关注Web Apps的开发者阅读。Web AppTrend为方便国内开发者浏览,将全文进行翻译。 注: 这本书就是一个Web Apps的绝佳案例,据开发小组的人介绍, 该电子书Web App使用了很多CSS3 特性例如 box-shadow, opacity, multiple ...
Global site tag (gtag.js) - Google Analytics