WebAppTrend
- 浏览: 54631 次
-
最新评论
-
deng.zz：
Nginx，听朋友介绍过，不错。请问一下在有没有必要在IIS7 ...
全球10%的Web站点使用高性能服务器新秀Nginx
文章列表
当很多人都在等待观望的时候，有人已经利用
HTML5
做出了非常优秀的应用了。来自于国外科技媒体
ReadWriteWeb
发布了专栏作家
Dan Rowinski
的一篇文章，谈论了
Lanyrd
是如何应用
HTML5
创建出优秀的移动
Web
应用的
当
...
译者注：Appcelerator是一家提供移动平台开发框架的公司。他们的
Appcelerator Titanium
开发框架让网站开发者可以使用自己熟悉的语言来开发在移动设备上运行的程序。
Cocoafish为移动应用开发者们提供包括发送信息，推送提醒 ...
为移动设备开发web页面或者web应用与为桌面浏览器开发web页面不同，会出现很多新的挑战。为了帮助你开始，下面是一系列你需要遵循的最佳实践，以便为Android和其他移动设备提供最有效的web应用。
1.
将来自移动设备的请求重定向到专门为移动端设计的Web版本
有
好几种方式可以让你使用服务端的重定向将请求重定向到你的web站点的移动版本上去。最常见的情况是通过“嗅探”（"sniffing"）web浏览器提
供的用户代理字符串（User Agent string）。为了确定是否要提供一个你的站点的移动版本，你只需要在User
Age ...
概览
你可以使用控制台的Javascript方法调试你的web app
如果是在定制的WebView中调试，你需要实现一个回调方法来处理调试信息
文档内容
在Android Browser中使用控制台API
在WebView中使用控制台API
参考
调试
如果你是在为Android开发web应用，那么，你可以使用控制台（console）的Javascript API（the console
JavaScript
APIs）来调试你的Javascript代码并将信息输出到logcat。如果你对使用Firebug 或 Web
Inspector调试we ...
概览
在你的Android应用布局中使用 WebView
来展现web页面
你可以创建从Javascript到客户端Android代码的接口
文档内容
将 WebView 加入你的应用
¨ 在Webview中使用 JavaScript
¨ 启用 JavaScript
¨ 将 JavaScript代码绑定到Android代码
处理页面导航
¨ 历史记录导航
关键的类
WebView
WebSettings
WebViewClient
相关手册
Web View
如果 ...
概览
你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面
本文档中的技术适用于Android 2.0及以上设备，针对默认的Android Browser中及在WebView
中呈现的页面
如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型，因此你需要考虑影响你的页面在Android设备上展示的一些因素。
注意：
该文档中考虑的特性只被Android 2.0 以及更高版本上的Android Browser appli ...
有关web响应式设计的7点启发
- 博客分类：
- WebAppTrend
开发者视角中的优秀并不意味着用户也有同样的感受。国外知名电子商务网站
Lot18
的高级前端开发人员Vince Allen，特别撰文讲述了采用响应式设计开发Lot18
的背后故事和7条经验。全文如下：
为Lot18
这
样迅猛发展的电子 ...
Web Apps概览
- 博客分类：
- WebAppTrend
Android SDK开发并作为一个.apk安装在用户设备上）或者作为一个Web应用（使用Web标准开发，并通过web浏览器访问——不需要在用户设备上安装什么）。
你选择以何种方式发布你的应用基于好几个因素，但是Android做出了一个决定，使得开发一个Web应用更为容易，为此，他们提供了：
对viewport属性的支持，能让你根据屏幕大小确定你的Web应用的合适大小
CSS以及Javascript特性，能让你根据屏幕像素密度（屏幕分辨率）提供不同风格以及图片
因此，当你决定是否要开发一个Web应用的时候，可以不用考虑屏幕支持，因为现在已经很容易在各种由Android支持的屏 ...
在一个很长的调研日的休息时分，我在同一个客户谈一个项目，在这个项目中，我正为一个全球经济公司开发一个iOS标准。他们的第一反应是这样的：
“什么？你在开发Apple
iOS以外的标准？那还要开发什么？”于是，我们就移 ...
帮你做出优秀web设计的10项原则
- 博客分类：
- WebAppTrend
Dieter Rams是
20
世纪最重要的设计大师之一，其闻名遐迩的优秀设计应具备的
10
项原则侧重于工业设计。
Lisbon
的设计师
NunoLoureiro
把这
10
项原则运用到
web
设计中，并在这篇文章中，谈到了一些他的心得。
“我倾心于细节，在我看来，它比整体更重要。细节必不可少，它决定一切，同时它也是质量的保证。”---Dieter Rams
在大学期间，我第一次见到Dieter Rams
的作品，就被迷住了，那是
Dieter Rams 20
世纪
50
年代开始为
Braun
设计的非凡的作品。
他能够 ...
每天世界各地的消费者都会从联网设备上下载千千万万的应用，这些联网设备的数目在不断增长，包括笔记本、平板电脑、电子
阅读器、智能电视以及智能手机。现在大多数应用发布者都发现他们处于一个相似的境地中：他们 ...
Mozilla实验室启动了一个新的项目，在这个项目中，想要对以往的Web传统做一些改变，包括一直以来神圣不可侵犯的URL地址栏。
这个名为Pancake的新项目，将会帮助Mozilla“更好得懂得人们在网络上做些什么、做的原因、做的方式 ...
HTML5视频发展状况
- 博客分类：
- WebAppTrend
注：这篇报告来自
LongTail Video
HTML5已经进入了在线视频市场，这是一件激
动人心的事情，同时也对工业开发者提出了挑战。随着HTML5规范和各种浏览器的不断改变，LongTail
Video花费了大量的时间来弄清楚这一技术的本质，并且在各种浏览器以及设备上测试了播放效果，然后针对HTML5播放效果对产品进行了优化。
HTML5
视频发展现状
一文意在与其他的用户以及开发者分享HTML5所支持的技术以及无法实现的技术。
在JW
Player开发过程中，我们执行了许多常规测试来检测当前在线视频的状况。这篇报告重点关注HTML5支持技术的当前状况，我们还 ...
译者注：2011年8月，Twitter推出了一个名为Bootstrap的开发工具包。该工具包自发布以来，一直是GitHub上热门的开源项目。Bootstrap2.0即将面世，本文作者Scott Gilbertson
，介绍了2.0版本教1.0版本中改进的一些功能。
Twitter准备发布
Bootstrap 2.0
。
Bootstrap2.0
是开源前端工具包的第二大版本，这个工具包面向
web
开发者，并且颇受业界的欢迎。
Bootstrap 2.0将会在
1
月
31
日面世，如果你想提前体验，可以参与预发布版本的测试工作。请访问
Github
， ...
移动web设计&开发45大实用指南
- 博客分类：
- WebAppTrend
众所周知，对许多web设计者和开发者来说，移动web世界就像一个黑洞一样。它存在许多未知的因素（Programming the Mobile Web
一书中谈到了这一点），并且现有的浏览器存在各种不同的版本。这篇文章，将为大家推荐45
个最实用的官方资源
。
不幸的是，并非虽有的浏览器都提供了官方文档，这本书
所做的更多的工作是研究并测试每个功能。请记住：所有的这些指南都是不完全的
，有些甚至不一定是正确的
！但不管怎么说，这些资料的确可以帮你了解移动web世界。
你还可以参考另外一篇文章：移动和平板app设计UI指南
。
iOS（iPhone和iPad）实用指南
S ...