2013年8月28日星期三

那些让网站设计者们深感意外的事情


作为网站设计者,对自己的行业前景,人人都有自己的看法,然而,任何行业都有出人意料的地方。著名的网站开发设计博客 Nope.com 曾向他们的读者做了一个调查,请他们列举网站开发领域那些让他们感到意外的事情,收到了各种各样的反馈,本文就是这次调查的结果与分析。

移动互联网的爆发

移动互联网为网站开发与设计界带来了变革,成为一种时尚与不可逆转的趋势。曾几何时,网站设计者们认为,随着网络带宽的增加以及显示器的变大,我们的 Web 画面会越来越大,那些传统的 960 网格已经显得局促,然而事实却往相反的方向发展,网站开始被放进那些狭窄的小屏幕,人们喜欢这种变化,随时随地用掌上设备访问网站。
我们从中学到的东西是,相对于展示效果,人们更看重方便性。

社会网络主导一切

关于社会网络,曾经的那些质疑声还萦绕在耳,一个140个字符的博客平台有什么出息?社会网络管我什么事?我开的是公司,不是学校。然而,似乎一夜间,社会媒体网络遍地开花并迅速主导一切,老网民热烈拥抱,新网民也一拥而上。我们从中可以学到的是,当网络将人们连接在一起的时候,它所爆发的力量是惊人的。

网站开发与设计已经成为成熟的市场

帮人设计网站曾经是你赚外快的业余职业,是吧,如今,网站开发与设计已经成为非常稳定且成熟的市场,专业的开发设计有大量的需求。

从 XHTML 到 HTML5

拥有严格语法和代码规范的 XHTML 曾被认为是 Web 的未来,然而不是,Web 的未来是 HTML5。当然,导致 HTML5 受宠的不是它松散的语法(XHTML 严格的代码规范仍然是一种很好的习惯),而是它强大的原生功能,原生的媒体播放能力,本地数据库,画布等等。当网页从单纯的文档向应用转变的时候,丰富的原生功能是非常必要的。

苹果与 Flash 之争

Flash 曾是众多网站开发与设计者的最爱,当然,它也惹恼了同样多的人。突然有一天,苹果站出来向 Adobe 发难,乔布斯在众多场合指责 Flash 不稳定,不实用,iPhone 和 iPad 均不支持 Flash,当苹果在移动互联网领域凭借 HTML5 主宰市场的时候,Adobe 风光不再。我们从中得到的教训是,没有任何技术会成为永远的明星。

JavaScript 重放异彩

曾经,JavaScript 是用来让一些画面在网页上飘来飘去的,如今,JavaScript 成了 Web 开发与设计中不可或缺的东西,现在的网站开发者甚至不再考虑用户是否禁用了 JavaScript 这样的问题。当网站逐渐成为一个应用平台的时候,JavaScript 成了这个平台中最强大的工具。

jQuery 成为真正的明星

JavaScript 虽然强大,但很难用,至少在 2006 年之前是这样的,接着,一个叫 jQuery 的 JavaScript 框架面世,这个开源的,跨浏览器兼容的 JavaScript 框架拥有强大的功能与简单的语法,迅速风靡 Web 开发与设计界,并成为真正的明星。如今,运行 jQuery 的著名站点多不胜数。

CSS 动画

CSS是网页式样语言,动画,那不是 JavaScript 的事吗?然而,从2007年开始,Webkit开始尝试 CSS 动画,并最终将这一梦想变成现实。

一个真正的符合 Web 标准的 IE浏览器诞生

在经过 9 个版本更替后,我们终于看到了一个真正符合 Web 标准的 IE 浏览器。在 Web 开发设计界,人们对 IE 的忍耐到达了极限,最终,很多人宣布不再支持 IE 的某些版本,IE9 的出现将改变这一现状,我们从这件事可以学到的东西是,施以压力与时间,任何顽固的东西都会改变。
相关阅读

2013年8月5日星期一

传统网站如何变为响应式设计


响应式网站设计已经成为目前主流的网站设计模式,那么对于传统网站,应该如何让它实现响应式设计呢?是否需要进行网页的重构?
WDOPS提倡在XHTML(HTML) + CSS文件里将页面内容、布局、颜色、字体设计等分开,如果在当初进行设计时严格遵守了这一原则,那么在响应式设计中,只需要更改页面布局相关的CSS内容。对于固定宽度和像素的页面,需要按比例换算成百分比模式。
是否需要进行页面重构,这就要看网页在"裸奔"情况下是否可以有序的展示,如果在CSS无效的情况下网页无法有序地展示内容,那么是必须重构的,其实这跟是否进行响应式设计无关,符合W3C的HTML + CSS标准,是对网页结构的最基本要求。
一般而言,出于展示的原因,移动设备不太适合内嵌网页地图等元素,这就需要在CSS文件里面做相应的调整。另外,若从用户的手机流量和网速方面考虑,大页面最好还是进行重构,以减小用户向服务器请求的数据量。因为过大的数据请求一方面会增加用户在手机流量上的开销,更重要的一方面会降低页面的加载速度,导致移动设备的用户体验变差。

支持响应式网站设计的条件

响应式设计之所以会产生是由于新出现的各种设备(如智能手机、Pad、Tablet、宽屏电视、普通电脑显示器等)的浏览器(或浏览器模块,如android系统的webView等)支持对CSS3 Media Queries的解析。
响应式网站设计无法普及到传统的非智能手机,但是对于采用主流移动操作系统的手机都是可以支持的。对于将来的新设备,只要其中的浏览器支持CSS3特性,那么它依然可以支持响应式设计。

响应式网站设计是大势所趋

响应式设计是在展示设备日趋多样化这一背景下产生的,可以预见,只要设备生产厂商一日不统一,响应式设计就会一直发展以满足不同规格设备的页面展示,如此看来确实给我们呈现出一种时代产物的感觉。
我们在这里提及响应式网站设计中两个紧密的伙伴: HTML5和CSS3,HTML5是最新的标准,用来做一些性能出色的Web应用。而响应式设计利用CSS3的特性可以弹性布局页面上的元素,对HTML5开发的Web应用而言是最好的协助。二者的结合已经成为当前网站设计的趋势。
相关阅读