- 浏览: 54858 次
最新评论
-
deng.zz:
Nginx,听朋友介绍过,不错。请问一下在有没有必要在IIS7 ...
全球10%的Web站点使用高性能服务器新秀Nginx
文章列表
技
术总是不停地在变化。设备视图在不断地改变,同时设备的类型也在推陈出新。随着中等尺寸屏幕设备(mid-screen
devices)的需求日益增长,管理所有设备的分辨率和屏幕尺寸已经变得越来越困难了。因此我们将现有的针对各种屏幕分辨率的管理工具整合在了一起,供
用户下载。
无论是触屏的HVGA移动设备还是5路输入的高清晰电视,Punchcut的UI项目都涉及到了。我们一直致力于解决新屏幕尺寸的处理问题,并不断改善屏幕呈现格式。这些年来,我们已经推出了一些有效管理设备的方法和工具。
下面是一些更加详细的介绍,我们还在此分享了一些有用的工具:
设计注意事项
...
1. HTML5并非是一整块
你
也许会问:“如果老的浏览器不支持HTML5我该如何开始呢?”这个问题本身就是具有误导性的。HTML5并不是一大块整体,而是一系列单独特性的集合。
所以你是不可能去检测“HTML5支持性”的,因 ...
响应式设计之初探图像处理
- 博客分类:
- WebAppTrend
注:这篇文章发布于September 27th, 2011,作者是 Jason Grigsby
在我上一篇的博文“什么是移动优先的响应式Web设计”中,我提到了一个用来判别一个响应式Web设计是否是“移动优先”的标准,即这个设计是否有处理IMG标签的策略。
最近在国外关于一个Web设计的网站Smashing Magazine上的一篇文章总结了一些响应式Web设计技术,其中包括几个处理IMG标签的新的方法。因此,现在非常适宜深入挖掘一下这个问题以及可能的一些解决方法了。
为什么IMG标签是响应式Web设计的关键
在移动环境下设计和开发优秀的forms是一件非常有挑战性的事。在一流的浏览器中,forms能够模仿桌面版本的风格,但是对于其他的浏览器,forms往往无法达到他们期望的样子。但是一个更大的挑战是,对用户而言,forms通常很难控制,内容添加也很麻烦。所以头号规则就是:在移动环境中,要限定使用的forms。
自由文本输入控件
虽然在forms不可避免地需要用户输入信息,尽量避免使用文本框和文本区域。对于用户来说,在文本框或是文本区域这些自由文本输入控件中输入内容是一件相当麻烦的事情。取而代之的是,可以使用单选按钮,选择框,甚至是链接列表来减少用户的文本输入。
默认输入模式
注:本PPT来自面孔网张路在极客公园创新大会上的演讲,演讲词也附在下面,HTML5技术的成熟、Web App产业的繁荣需要更多这样的框架和工具。
面孔网张路:
View more presentations from yangdj.
面孔演讲词
响应式设计之深挖图像处理技术
- 博客分类:
- WebAppTrend
注:这篇文章发表于September 30th, 2011 ,作者是Jason Grigsby
在响应式图像Part 1中,我站在一个比较概况的层面,解释了什么是响应式图像,这其中需要解决的问题以及一些共同面临的议题。在这篇文章中,我会对于响应式图像中设计的具体技术做一个更详细的论述,并且来看看这些技术的可用性。如果你还没有读过part 1,也许你会想要先读一下以便了解我在文中用到的一些术语。
当我两个月以前开始做这个工作的时候,我觉得工作的最后我可以说,“这是最有效的三种方法。去下载它们并整合进你的系统吧。”现在看来,这实在是太天真了。
现在我发现的是并没有一个综合的解决方案。相反 ...
注:这篇文章发布于September 27th, 2011,作者是 Jason Grigsby
在我上一篇的博文“什么是移动优先的响应式Web设计”中,我提到了一个用来判别一个响应式Web设计是否是“移动优先”的标准,即这个设计是否有处理IMG标签的策略。
最近在国外关于一个Web设计的网站Smashing Magazine上的一篇文章总结了一些响应式Web设计技术,其中包括几个处理IMG标签的新的方法。因此,现在非常适宜深入挖掘一下这个问题以及可能的一些解决方法了。
为什么IMG标签是响应式Web设计的关键
移动场景的相关问题一直困扰着我。在2009年一月,我写过一篇“On the Go” Myth?
的文章。许多非常聪明的人
受到移动场景的困扰,并认为“移动场景其实被过分夸大了
”,对于这一现象,我其实并不感到意外。
考虑到我之前对移动场景持有怀疑的态度,你可能认为我会认同现在的“移动场景并不存在”的观点。但事实上,当我阅读了大量关于移动web并不存在的讨论文章和推文后,我发现其实我并不认同这一观点。
这种认识差距到底占据多大的比例?其中相当一大部分与我认为移动是一个新的大众传播媒体以及它对移动web的影响有关。
将具体实施从理论中分离
注: 本PPT来自Adobe董龙飞在HTML5 Open Party上的演讲,主题为关于PhoneGap的12件事,帮助大家对PhoneGap这一优秀的跨平台开发工具扫扫盲。
Adobe董龙飞:关于PhoneGap的11件事
View more presentations
from yangdj
.
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展
常常有人向我问起“我怎样将我的产品转变为一个移动产品?”而我的回答是,不要这么做。简单地将一个网站,app或是游戏转变为一个移动版本其实是一个非常大的错误。可能我们能够从其他媒体上的产品中学到不少经验,但是移动市场却非常独特,无论是在处理的问题和盈利的模式上,都与以往的媒体有所不同。所以开始移动策略的最好方法是重新创造一个产品,而不是简单地针对小屏幕修修改改。
还记得早期的网站设计吗?它还是一个全新的出版媒体,随着越来越多的人走入网络,网站和web页面的需求也在日益增长。一些创造web内容的设计人员常常将网站制作得像是一个光鲜亮丽的小册子,网页中加入了各种丰富的图片,动画甚至是声音。 ...
响应式图像Part 2——深挖技术
- 博客分类:
- WebAppTrend
注:这篇文章发表于
September 30th, 2011
,作者是
Jason Grigsby
在响应式图像Part 1
中,我站在一个比较概况的层面,解释了什么是响应式图像,这其中需要解决的问题以及一些共同面临的议题。在这篇文章中,我会对于响应式图像中设计的具体技术做一个更详细的论述,并且来看看这些技术的可用性。如果你还没有读过part 1
,也许你会想要先读一下以便了解我在文中用到的一些术语。
当我两个月以前开始做这个工作的时候,我觉得工作的最后我可以说,“这是最有效的三种方法。去下载它们并整合进你的系统吧。”现在看来,这实在是太天真了。
现在我发现的是并没有 ...
响应式图像设计——Part 1
- 博客分类:
- WebAppTrend
注:这篇文章发布于
September 27th, 2011
,作者是
Jason Grigsby
在我上一篇的博文“什么是移动优先的响应式Web设计
”中,我提到了一个用来判别一个响应式Web设计是否是“移动优先”的标准,即这个设计是否有处理IMG标签的策略。
最近在国外关于一个Web设计的网站Smashing Magazine上的一篇文章总结了一些响应式Web设计技术
,其中包括几个处理IMG标签的新的方法。因此,现在非常适宜深入挖掘一下这个问题以及可能的一些解决方法了。
为什么
IMG
标签是响应式
Web
设计的关键
如果你想要你的站 ...
总结:
从我们上次发布的研究数据到现在,移动网站和apps的用户体验已经有了很大的提升,但是还有很长的路要走。一个专用的移动网站是很有必要的,apps具有更高的可用性。
在此不用再重复“移动年”这样的噱头。 ...
Dropbox:新的web文件系统
- 博客分类:
- WebAppTrend
Dropbox REST API将永久地改变商业web app的交互方式。它将允许web app从用户的桌面或移动设备上存取数据。
这意味着web apps(尤其是小型商业应用)的用户再也无需面对繁琐的UI了,而开发者也不用为了针对新的交互和应用重新改造电子表格了。这真的太神奇了。你看到了吗?你是否现在就想试一试了?
试想一下:你的客户能够在自己的桌面app上修改web app的数据。
示例:Jimmy运营了一个小型的电子商务网站。他并不是相关的技术人员,甚至根本就不了解web的功能。他将各种密码都记在便签上,但是当他需要使用某个
每年都有许多新的web apps上线,而其中许多应用却没能得到应有的重视。现在就来总结一下,2011年10大值得更多关注的Web Apps。
文章开篇的图片来源于 Melissa Downey.
注意:虽然很多web apps可能不能记录在此,但是还是非常感谢所有为对这篇文章提供了宝贵意见的人。
10. 迷你Apps