万维网联盟(W3C)发布了HTML 5规格说明书的草稿 ,这是自HTML 4在十多年前发布以来的第一个主要的修订版.在这期间,随着开发者逐渐将自己的应用程序移植到Web之上,它已经从一个主要的静态媒体发展为互动的应用程 序,具有丰富的媒体内容.HTML 5的目的就是要反映出这样的变化. 新增的特性充分地考虑了应用程序开发人员,因此,HTML 5引入了大量的新的Javascript API.可以利用这些内容与对应的HTML元素相关联,它们包括: 1/二维绘图API,可以用在一个新的画布(Canvas)元素上以便呈现图像、游戏图形或者其他运行中的可视图形. 2/一个允许web应用程序将自身注册为某个协议或MIME类型的API. 3/一个引入新的缓存机制以支持脱机web应用程序的API. 4/一个能够播放视频和音频的API,可以使用新的video和audio元素. 5/一个历史纪录API,它可以公开正在浏览的历史纪录,允许页面在加上它之后更好的在AJAX应用程序中实现对后退按钮的支持. 6/跨文档的消息传递,它提供了一种方式,使得文档可以互相通信而不用考虑它们的源域,7/在某种程度上,这样的设计是为了防止跨站点的脚本攻击. 8/一个支持拖放操作的API,用它可以与draggable特性相关联. 9/一个支持编辑操作的API,用它可以与一个新的全局contenteditable特性相关联. 10/一个新的网络API,它支持web应用程序在本地网络上互相通信,并在它们的源服务器上维持双向的通信. 使用JavaScript API的键/值对实现客户端的持久化存储,同时支持嵌入的SQL数据库. 服务器发送的事件,通过它可以与新的事件源(event-source)元素关联,新的事件源元素有利于与远程数据源的持久性连接,而且极大地消除了在Web应用程序中对轮询的需求. 同时,HTML 5还引入了许多新的表示元素以支持普通的页面组件,例如headers(页眉),footers(页脚),figures(插图),dialog(对话,用于标记会话)以及navigation(导航).此外,还有一个新的datagrid元素支持交互式的表与树,一个为组合框提供的datalist元素,以及一个progress特性,它能够展现一个运行时间长的任务的完成情况.同时,还增加了支持RSS种子的页面标签. 针对表单,input元素的type类型包含了对日期、时间、email和URLs的全新支持,这样一来,浏览器就能够提供用户界面元素,例如一个日历的日期选择器或者与用户地址薄的集成,同时还能够将数据按照一个定义好的格式提交给服务器. HTML 5还放弃了对一些众所周知的特性的支持.其中最引人注目的就是放弃了对框架(frames)的支持,因为长期以来框架均被认为破坏了网页的可访问性与可用性.值得注意的是,即使浏览器完全支持HTML 5标准,它仍然会继续支持这些被放弃的特性,因为对HTML旧版本的支持会持续多年. HTML 5在W3C的HTML工作组的指导下进行开发,该工作组成立于2007年3月.工作组的运营是完全公开的,在近500名参与者中包括了来自Apple、 Google、IBM、Microsoft、Mozilla Foundation、Nokia与Opera的成员. “毫无疑问,HTML是一个非常重要的标准”,第一个HTML版本的作者,W3C理事Tim Berners-Lee说道.“我很高兴地看到开发者社区,包括浏览器提供商一起致力于创建Web的最佳发展轨迹.要整合这么多人的想法是一个艰巨的任务,我们面临的挑战就是要找到创新与守成、理想与务实之间的平衡.” HTML 5将逐渐替代HTML 4,但是HTML 5规格说明书的最终确定依然任重而道远.目前的计划是在2009年期间初步将其作为候选以推荐使用,然后在2010年9月作为最终的正式版本而被推行. 作者 Charles Humble译者 张逸
Archive for 三月, 2008
Web2.0设计师工具箱【摘】
By admin in WordsWeb2.0工具箱 The Web Designers Tool Kit 原文地址: http://www.dezinerfolio.com/2007 … designers-tool-kit/ 链接数量很多,翻译不全欢迎大家查漏补缺。个人比较喜欢js特效库。 分类一、DHTML AJAX Javascript 【Ajax脚本库】 1. RO Scripts – Growing Collection of Scripts under various categories每天收集更多不同类型的脚本 2. HOT Scripts – Huge collection of Scripts under various categories. 收藏大量丰富类型的脚本 3. DHTML Goodies – Easy and Nice DHTML and AJAX scripts with cool examples. 简单易用的DHTML和Ajax脚本,并陪有丰富的实例 4. DHTML [...]
用户体验名词【摘】
By admin in Collections用户体验, 英文叫做User Experience,缩写为UE, 或者UX。 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用。他们能够忍受的问题,疑惑和BUG的程度。 以用户为中心的设计, 英文叫做User-Centered Design 缩写为UCD 信息架构,英文叫做information architecture,缩写为IA。 它是一个整理信息,斡旋信息系统与使用者需求的过程,主要是要将信息变成一个经过组织、归类、以及具有浏览体系的组合结构。 这样的结构性设计将使得使用者对于信息的内容存取更直接,让使用者的任务更容易完成,它也可说是在结构与分类上的艺术与科学,可以帮助我们寻找信息并且予以管理。 交互设计,英文叫做Interaction Design 交互设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。 交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。 HCI:human computer interaction人机交互 用户界面 – User interface 图形界面 – Graphics User Interface 在人和机器的互动过程中,有一个层面,即我们所说的界面。 从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。 有效的界面设计经常是预见的过程,设计目标是开发者根据自己对用户需求的理解而制定的。 优秀的界面简单且用户乐于使用,这意味着设计需适应硬件的局限。 易用性 – Usability 是交互式IT产品/系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品 Usability Engineer 使用性工程师 Handset User Interface 手持设备用户界面 (HUI) human computer interaction人机交互(HCI) Man Machine Interface人机接口(MMI) 用户体验 User Experience [...]