Tagged

Apple

A collection of 4 posts

Apple

iOS 5中safari带来的新特性

随着iPhone4s的发布,iOS5也正是发布了,增加了很多很有用的新特性,不过对于前端开发者来说,最关心的还是浏览器,让我们来看一下苹果为iOS5中的safari新增了哪些新特性吧。 CSS 终于支持position:fixed了; 支持overflow:scroll了,通过-webkit-overflow-scrolling: touch;来实现: selector{ overflow:scroll; -webkit-overflow-scrolling: touch; } CSS3 gradient语法更新,将-webkit-gradient(linear|radial)拆分为,-webkit-linear-gradient和-webkit-radial-gradient。PS,年初发表过一篇关于《webkit对于CSS3渐变样式语法的更新》的文章,看来现在就剩下android的webkit了。 HTML5 新的兼容HTML5的解释器(parser) 表单增强新增时间类型date, datetime, month, time和range支持,好赞: 同时iOS5中safari也增强了number类型的input的验证功能。 支持web workers ,传说iOS3中短暂出现过web workers,不过后来消失了,现在又回来了。。。 增强ECMAScript5,测试结果显示支持情况跟上PC版的Safari 5.1了。

Apple

safari 4 新特性

在WWDC 2009上,Apple发布了正式版的Safari 4浏览器,正式版的safari 4放弃了仿Chrome的tab方式,还原至3.0版本的界面。据称,WWDC上,Serlet 严重的BS了一下微软的IE8浏览器,并称Safari的JavaScript引擎是目前世界上最快的,根据他提供的测试数据,Chrome 2的速度是IE8的5.3倍,而Safari4的速度则是IE8的7.8倍! 这些数据大多是官方的噱头,我们就先不管啦,看看Safari4会对我们前端开发有哪些影响吧: HTML 5 支持Audio和video标签。 CSS Safari4对CSS的支持有较多改进,具体如下: ZOOM Safari 4开始支持zoom属性。这一点儿的用法和效果和IE浏览器一直。不同的是,如果是缩放,Safari会缩小到浏览器支持的最小字体,而IE会直接缩小到设置的大小。比如: .zoomTest{font-size:12px; zoom:0.1} Safari只会缩小至9px字体大小,而IE会缩小至1.2px(肉眼已经看不清了)。 -webkit-animation 有一系列子属性组成: -webkit-animation-name

Apple

从Apple.com网站分析Web可用性设计

作分析为设计者来说,我们在很多方面都被Apple影响着,无论是其优秀的操作系统、时尚前卫的消费产品,还是他们在Web/应用设计上的引导趋势。从 Apple的产品和线上网站可以看出,Apple始终关注用户体验和可用性多一些。对于Apple.com来说,设计上注重可用性是非常重要的,它必须给用户留下一个好的印象,基于此,用户会更加喜欢购买Apple的产品,网站的可用性很大程度上反应了其产品的人性化操作。 从Apple.com可以学到很多知识,所以我用这个网站作为一个个案,研究一下Web设计过程中需要注意的一些可用性方面的知识。 1. 流畅实用的内容导航和菜单 主菜单(Main Menu)- Apple的菜单应该是最值得学习和效仿的设计了。你可能会问,这样如此简单平常的导航为什么会强大?首先,就是其设计的一致性,这个主菜单的整个页面中的定位清晰统一,是避免困扰用户操作的最直观的表现方式。 此外,这个菜单也使用了非常简单的鼠标hover事件,但这些表现已经足够了。 JavaScript Mac 菜单 – 这个名声在外的 Mac menu 是设计最简洁、组织最紧凑的导航之一,是在有效的特定空间内最好的内容组织方式。相比合理的内容组织更重要的就是操作的便利了,尤其响应鼠标的labels更是游刃有余。 侧边栏菜单 – 侧边栏导航能给人深刻的印象,可用性强。