<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web启点 &#187; HTML5</title>
	<atom:link href="http://www.web7d.com.cn/category/designade/html5/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web7d.com.cn</link>
	<description></description>
	<lastBuildDate>Thu, 01 Dec 2011 14:24:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>用 HTML5 消磨时光</title>
		<link>http://www.web7d.com.cn/2010/08/html5-time/</link>
		<comments>http://www.web7d.com.cn/2010/08/html5-time/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 08:30:23 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2043</guid>
		<description><![CDATA[HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现 HTML5 比你想象的更强大。 Sinuous 在浩瀚的星系间旅行，小心撞上些红色的星球，绿色的星球可以吃掉，可以增加体能。 开始体验 &#62;&#62; Bakemono 鼠标在页面空白位置点击，这个小怪物会扑过去。 开始体验&#62;&#62; Keylight 我太喜欢这个小程序了，在一个空房间，双击鼠标，会放置上一个小球，当放进两个小球的时候，一道粒子束在两个球之间撞击，并发出悦耳的声音，随着小球的增多，粒子束在每个小球之间穿梭撞击，离你越近的小球，声音越清脆，音调越高，这样就形成了连续的音乐。 开始体验&#62;&#62; Blob 一些果冻样的东西，会滑向你鼠标点击的位置，在果冻球体中间点击，会将它扯成两半，它们在到处滑动的时候，还会再溶合到一起。 开始体验&#62;&#62; Magnetic 也是我最爱的一个小程序。鼠标在夜空中双击，可以创造一颗恒星，同时创造出十几颗卫星绕着它转，你可以创造很多这样的恒星系，当它们中的某些靠近到一起形成质量比较大的恒星系的时候，可以吸引更多的卫星绕着它们转。 开始体验&#62;&#62; Trail 五颜六色的彩带，随着鼠标飘动，鼠标不动的时候，便围着鼠标箭头旋转，非常简单，但很流畅，视觉效果很漂亮。 开始体验&#62;&#62; Particle Depth 很 Cool 的三维效果。 开始体验&#62;&#62; Wave 水面随着鼠标形成波浪，水面的浮球也随着沉浮，效果非常棒。 开始体验&#62;&#62; Particles 粒子在屏幕上飘动，遇到鼠标的时候膨胀。 开始体验&#62;&#62; 译者注 这组 HTML5 实验应用加载速度非常慢，初以为是 HTML5 本身性能的问题，研究过源代码才发现，原来页面上调用了 Twitter 的饰件（http://platform.twitter.com/widgets.js），因为世界上压根没有 Twitter，我们早就知道，但这些网页不知道，所以还傻傻地去连接，浪费了大量的时间。使用 Godaddy 的服务器测试，每个页面大约需要 0.2 秒就打开了。有人说，他们代表先进生产力。 素材来源：http://hakim.se/experiments/ [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/08/html5-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>70 + 必备 CSS3 和 HTML5 教程资源收集</title>
		<link>http://www.web7d.com.cn/2010/08/70-css3-html5-turorials/</link>
		<comments>http://www.web7d.com.cn/2010/08/70-css3-html5-turorials/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 09:05:11 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[资源]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2030</guid>
		<description><![CDATA[CSS3 和 HTML5 足以够彻底改变网站设计的现状。许多新的特性和功能，以前可能需要想破头皮使用各种手段去实现。然而当 CSS3 和 HTML5 将其纳入本地属性后，无论是圆角效果还是多栏布局，一切变得简单易用。 以下是70资源，教程和文章，让你开始对CSS3和HTML 5。所讨论的许多技术已经被支持了一些在一些一些现代网络浏览器（Safari和Firefox的程度上拥有最广泛的支持），这样你就可以立即开始。 CSS3 教程和资源 Get Started with CSS 3 &#8211; 一个基本的 CSS3 使用指南。 Cascading Style Sheets Current Work &#8211; W3C 所做的 CSS3 标准的进展细节。 Border-image: Using Images for Your Border &#8211; 一份 CSS3 新增图像边框功能的使用指南。 Overview of CSS3 Structural Pseudo-Classes &#8211; 方便的 CSS3 结构化伪类参考图表。 Push Your Web Design Into [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/08/70-css3-html5-turorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>特酷的HTML5 动画效果</title>
		<link>http://www.web7d.com.cn/2010/06/html5-canvas-and-javascript/</link>
		<comments>http://www.web7d.com.cn/2010/06/html5-canvas-and-javascript/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 09:02:12 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[HTML5 动画]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1940</guid>
		<description><![CDATA[HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。 Tunnelers 纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。 The Mesmerizer 在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。 Burn 在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。 Cheloniidae Live 也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。 Canvas 3D engine 一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。 Bomomo 很值得一试。 DDD 这个交互动画也很有趣。 Plasma Tree 非常阿凡达。 国际来源：queness.com 8 Simply [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/06/html5-canvas-and-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>HTML5 到底是什么？</title>
		<link>http://www.web7d.com.cn/2010/05/html5-what/</link>
		<comments>http://www.web7d.com.cn/2010/05/html5-what/#comments</comments>
		<pubDate>Wed, 19 May 2010 05:57:22 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1824</guid>
		<description><![CDATA[除非你与世隔绝，否则，一定听到过关于 HTML5 的各种声音，HTML5 表面上看是用来取代 Flash Web 视频的，然而，它的使命远不止此。HTML5 是下一代 Web 语言，它不单单是一种标记语言，更为下一代 Web 提供了全新功能，并将引领下一代 Web 实现类似桌面的应用体验。 HTML5 主要新功能 本地音频视频播放 动画 地理信息 硬件加速 本地运行（即使在 Internet 连接中断之后） 本地存储 从桌面拖放文件到浏览器上传 语义化标记 HTML5 应用现状 现今，各大浏览器对 HTML5 的支持各有千秋，我们期待着他们在一两年内趋向一致，你可能以为，既然这样，现在大概很少人在使用这个未来的标准，事实并不如此，HTML5 现在已经被广泛应用，正如 William Gibson 所言，未来的 Web 已经来临，只是还没有被广泛采用。 你可能不知道，Google 的首页也使用 HTML5，不过，目前，他们还仅仅使用了 HTML5 的 doctype，页面的其它部分还是旧代码，但 Google 在他们的各种应用中已经在广泛采用 HTML5。最典型的例子是 Gmail，HTML5 的离线存储使用户即使在离线状态下也可以使用 Gmail，另外，Google Docs 也使用离线存储，同样使用离线存储的其它厂商的类似应用还包括 Zoho 的办公套件和 WordPress 的博客平台。如果你对 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/05/html5-what/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5有效提升iFrame安全性 新增Sandbox属性</title>
		<link>http://www.web7d.com.cn/2010/02/html5-iframe-sandbox/</link>
		<comments>http://www.web7d.com.cn/2010/02/html5-iframe-sandbox/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 07:34:38 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1268</guid>
		<description><![CDATA[通过HTML 5中iframe的新增元素sandbox，可以防止访问父页面的DOM、执行脚本、对cookie和本地存储的读写等。 HTML 5将针对iframe元素增加sandbox属性，可以防止不信任的Web页面执行某些操作。HTML 5规范的编辑Ian Hickson谈到了sandbox的好处，它可以防止如下操作： ◆访问父页面的DOM（从技术角度来说，这是因为相对于父页面iframe已经成为不同的源了） ◆执行脚本 ◆通过脚本嵌入自己的表单或是操纵表单 ◆对cookie、本地存储或本地SQL数据库的读写 HTML 5的修订历史页面还提到了sandbox的其他特性： ◆禁用插件 ◆禁止其他浏览上下文的导航 ◆禁止弹出窗口和模式对话框 ◆iFrames因安全问题而臭名昭著，这主要是因为iFrames常常被用于嵌入第三方内容，而后者则可能会执行某些恶意操作。 ◆sandbox通过限制被嵌入内容所允许的操作而提升iFrames的安全性。这种方式将沙箱内容与父页面进行了分离，因此限制了被嵌入内容的权限。 与sandbox一起出来的还有其MIME类型：text/html-sandboxed。Hickson说到： text/html-sandboxed MIME类型确保用户不会访问到不可信的内容。它包含两部分内容：首先，如果用户直接访问页面时，浏览器不可以渲染那些具有text/html- sandboxed MIME类型的页面。目前所有浏览器都支持这一点，这些浏览器会下载页面的标记但不会渲染页面；其次，支持sandbox属性的浏览器需要渲染具有 text/html-sandboxed MIME类型的iframes（但会受到sandbox属性中所设定的权限限制）目前为止，还没有浏览器实现这一点，Google Chrome也是如此（它会渲染父页面，但却下载iframe内容而非在iframe中对其进行渲染）。因此目前还没法使用该项技术，除非Google更 新Chrome以支持这一点（从理论上来说，其他的浏览器厂商在实现了对sandbox属性的支持后就会实现该技术，让我们拭目以待吧）。 目前，只有Google Chrome 4.0使用了sandbox，Firefox、IE8和Safari都还没有实现这一点，但相信不久之后这些浏览器都会实现的。围绕着HTML 5 &#60;video&#62;元素发生了很多事情，Google通过H.264标准对其进行实现，而其他浏览器则使用了不同的标准或是干脆还没有实现。但这 种情况不会发生在这里，因为每个浏览器都可以在内部自由决定如何实现sandbox。但即便是明天所有的主流浏览器都采用了sandbox，众多的开发者 和内容管理者也不能立刻就使用它，因为还有那么多的遗留浏览器会忽略掉该属性，因此稳妥的办法还是采取常规的安全手段来保护iFrames。]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/02/html5-iframe-sandbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5正在改变Web</title>
		<link>http://www.web7d.com.cn/2010/01/how-html-5-is-changing-web/</link>
		<comments>http://www.web7d.com.cn/2010/01/how-html-5-is-changing-web/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 08:08:32 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1068</guid>
		<description><![CDATA[HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。 HTML 最近的一次升级是1999年12月发布的 HTML 4.01。自那以后，发生了很多事。最初的浏览器战争已经结束，Netscape 灰飞烟灭，IE5 作为赢家后来又发展到 IE6, IE7。Mozilla Firefox 从 Netscape 的死灰中诞生，并跃居第二位。苹果和 Google 各自推出自己的浏览器，而小家碧玉的 Opera 仍然嘤嘤嗡嗡地活着，并以推动 Web 标准为己命。我们甚至在手机和游戏机上有了真正的 Web 体验，感谢 Opera，iPhone 以及 Google 即将推出的 Android。 然而这一切，仅仅让 Web 标准运动变得更加混乱，HTML 5 和其它标准被束之高阁，结果，HTML 5 一直以来都是以草案的面目示人。 于是，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/how-html-5-is-changing-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>当HTML5遇见Google</title>
		<link>http://www.web7d.com.cn/2010/01/html-5-google/</link>
		<comments>http://www.web7d.com.cn/2010/01/html-5-google/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 07:59:22 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1066</guid>
		<description><![CDATA[在 Google I/O 的开发者大会，Google 工程副总裁 Vic Gundotra 表示了他们对下一代 HTML 语言，HTML 5 的承诺。尽管 HTML 5 还处在草案阶段，W3C 的委员会还在针对这一草案进行漫长的讨论，然而 HTML 5 已经被广泛实现，或者作为一种实验性的演示，或者已经成为某些 Web 程序的核心。 HTML 5 为我们提供了不同的机会，Gundotra 说，他同时提到，在过去的10年，JavaScript 在主流浏览器中的速度已经提升了接近100倍，这大大改善了 Web 程序的速度。Gundotra 还提供了多个 HTML 5 演示，包含一个使用 HTML 5 实现的 YouTube 页，所有的视频播放均以 HTML 5 实现。 Gundotra 说，现在的视频，问题在于有甚多东西是我们所不能控制的，HTML 5 为我们提供了一个 &#60;video&#62; 标签，就像使用 &#60;img&#62; 标签一样简单。 Demo 中还有一个使用 JavaScript 实现的移动跟踪视频程序，全部使用 HTML 实现视频播放。一个妇女在摄像机前面走过，JavaScript 实时对她的图像进行跟踪，在她身体不同部位用方框标识出来。过去，这类应用通常会让浏览器崩溃或失去反应，但 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/html-5-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5标准&#8211;最新技术预览</title>
		<link>http://www.web7d.com.cn/2010/01/html5-standard-latest-skill/</link>
		<comments>http://www.web7d.com.cn/2010/01/html5-standard-latest-skill/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 07:17:38 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[web标准]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1019</guid>
		<description><![CDATA[已经存在近十年的HTML4已经成为不断发展的Web开发领域的瓶颈；HTML5标准在此时显得尤为重要。每天都有新颖而创新的网站出现，全方位地拓展HTML的边界。Web开发者正在寻求新的技术，提供更强大的功能，那些因为脚本语言和浏览器的限制而被隐瞒了的功能。 为了实现更好的灵活性和更强的互动性，及创造令人兴奋而更具交互性的网站和应用程序，HTML5 引入和增强了更为广泛的特性，包括控制，APIs，多媒体，结构和语义等。 有关HTML5标准的工作，起于2004年，在W3C HTML WG和WHATWG的共同努力下，目前还在进行中。许多关键成员加入了W3G的工作，包括四大主流浏览器厂商代表：苹果，Mozilla，Opera，和 微软；还有一些有着不同利益和专业知识的其他组织和个人。 请注意，规范仍然只是一个进行中的工作，完成它还有很长的路要走。因此，文章中提到的这些特性可能将发生改变。这篇文章是为了对目前草案中的一些主要特性做一个简单的介绍。 结构 HTML5标准中引入了一整套新的元素，使建构网页更变得更容易。大多数的HTML 4网页含有各种共同的结构，比如页眉，页脚和列，如今，使用div元素加上描述id或class来标记是相当普遍的。 此图说明了一个典型的带id和class属性的div标记的两列布局。 它包含一个页眉，页脚和标题下方的水平导航条。 主要内容包含一篇文章和侧右栏。 div元素的大量使用是因为最新版本的HTML 4缺少必要的语义元素来更具体的描述这些部分。HTML5标准通过引入一些新的元素来解决这个问题，而这些元素表示各个不同的部分。 那些div元素可以用这些新元素代替：header, nav, section, article, aside, and footer 那个文档的标记可以如下所示： ﹤body﹥ ﹤header﹥...﹤/header﹥ ﹤nav﹥...﹤/nav﹥ ﹤article﹥ ﹤section﹥ ... ﹤/section﹥ ﹤/article﹥ ﹤aside﹥...﹤/aside﹥ ﹤footer﹥...﹤/footer﹥ ﹤/body﹥ 使用这些元素有几个优点。当与标题元素(h1,h2,h3,h4,h5,h6)联同使用时，产生了一种使用标题级别标记嵌套章节的方法，这将超过以 前版本HTML的6个标题级别。这个规范包含一个生成大纲的详细算法 ，其中考虑到这些元素的结构并使之与以前版本的兼容。这个可以用来制作工具和浏览器生成内容表以协助用户浏览文档，例如，以下标记结构使用嵌套的 section和h1构造： ﹤section﹥ ﹤h1﹥Level 1﹤/h1﹥ ﹤section﹥ ﹤h1﹥Level 2﹤/h1﹥ ﹤section﹥ ﹤h1﹥Level 3﹤/h1﹥ ﹤/section﹥ ﹤/section﹥ ﹤/section﹥ 注意为了更好的与最新浏览器兼容，也可能适当用其他的标题元素(h2,h3,h4,h5,h6)代替h1元素。通过确认页面各部分的目的，使用特定 的章节元素和辅助技术能帮助用户更容易地浏览网页。例如，他们可以很容易地从导航栏跳读或快速地从一篇文章跳到下一篇而不需要作者提供切换链接。作者也从 中受益，由于采用几个显明的元素代替了文档中大量的div元素，从而使得源代码变得更清晰容易。 元素header表示一个部分的开头，但可能不只是包含章节标题——如它可以合理地加入副标题，版本信息或署名等。 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/html5-standard-latest-skill/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5技术概览及新增的元素</title>
		<link>http://www.web7d.com.cn/2010/01/html5-jishu-gailan-xinzeng-yuansu/</link>
		<comments>http://www.web7d.com.cn/2010/01/html5-jishu-gailan-xinzeng-yuansu/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 06:17:57 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[HTML5技术]]></category>
		<category><![CDATA[web标准]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1011</guid>
		<description><![CDATA[HTML5技术概览 HTML 5新增元素 多媒体及交互式元素 video audio details datagrid menu command 结构元素 块级语义元素 行内语义元素 header aside m footer figure time article dialog meter HTML 5新增的元素 在本人看来，HTML 5是一个妥协方案，虽不激进，但更能推动技术的继续进步。没有命名空间，元素也不要求闭合（当然这并不是优点），浏览器也可以宽大处理一些错误。一切沿袭 上个世纪HTML 4的做法。对于HTML的渲染，浏览器一直停留在1999年的水平。为此，HTML 5是一个实用主义方案，这样不仅可以继续处理这么多年来散落在世界各个角落的HTML，也可以让浏览器厂商更容易添加新特性。这就叫degrade gracefully（优雅降级）。让我们来看看HTML 5增加的一些新元素。 结构元素 这真是大快人心。目前，我们定义结构只能通过一个“万能”的div, 试图通过设置它的特性id的值如header, footer, sidebar等来分别表达头部，底部或者侧栏等。有了它们，代码编写者不再需要为id的命名费尽心思，对于手机、阅读器等设备更有语义的好处。HTML 5增加了新的结构元素来表达这些最常用的结构： section: 这可以表达书本的一部分或一章，或者一章内的一节 header: 页面主体上的头部。并非head元素 footer: 页面的底部（页脚），可以是一封邮件签名的所在 nav: 到其他页面的链接集合 article: 诸如blog, 杂志，纲要等之中的一条独立记录。 举个例子，一个blog的首页，用HTML 5写的话，可以是这样（有省略）： &#60;&#60;!DOCTYPE HTML&#62; &#60;HTML&#62; &#60;head&#62; &#60;title&#62;realazy&#60;/title&#62; [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/html5-jishu-gailan-xinzeng-yuansu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2010年WEB开发领域五项新技术和趋势</title>
		<link>http://www.web7d.com.cn/2010/01/2010-web-develop-5-technique/</link>
		<comments>http://www.web7d.com.cn/2010/01/2010-web-develop-5-technique/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 05:52:28 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[设计杂谈]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[web开发]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1009</guid>
		<description><![CDATA[在这里我们将看到2010年有关WEB开发领域五项新技术和趋势，HTML5和CSS3看来是最受关注的技术，另外还有SAAS等技术也颇受关注。 对于WEB开发，很多人想到的是HTML或者CSS+DIV等技术。看来在2010年的WEB开发方面，还是这些技术占据重要位置。 2009即将结束，2010年的Web会是什么样，或者说，未来的Internet意味着什么，2010会是值得关注的一年。本文从5个方面展望2010年的Web，包括HTML5，CSS3，字体服务技术；浏览器；社会媒体；JavaScript框架；以及SAAS。 1.CSS3,HTML5以及字体服务 CSS3，HTML5，以及Typekit一类的字体服务，将给Web设计师带来更多自由。 CSS3的新功能会让Web内容的展示变得更容易，从多背景图，到更强大的选择器，到颜色渐变，到圆角，这一切都让原先复杂的工作变得简单。 HTML5虽然进展缓慢，但必将改变我们描述页面的方式，成为通往语义Web的重要阶梯，为Web带来真正的本地多媒体支持，并改善我们同Web内容的沟通。 而Typekit一类的字体服务联同@font-face，将允许我们在Web页面上使用任何字体，设计师们不必再依赖CSS背景图，JavaScript或Flash。 这意味着什么？ 这些新技术将为Web世界带来新的美学体验，当然，也会引发新的滥用潮，那些蒙古大夫式的设计师将会大量使用各种花里胡哨的字体和渐变色，使他们的页面变得难以访问，对专业的设计师而言，这些新功能会让他们的创意更吸引人。 2.Web的消费方式 浏览器领域重新繁荣，诸如GoogleChrome,Firefox,Safari,Opera一类的浏览器大行其道，用户如今拥有更广泛的选择， 厂商之间的竞争更加激烈。浏览器之战进入新的阶段，和过去不同，过去的浏览器之争是微软主导并最终将对手消灭，新的浏览器之争使IE身涉危境。 人们消费Web的方式也在改变，上网不再意味着坐在电脑桌前打开电脑，智能手机越来越普遍，电视可以上网，SP3之类的游戏机，上网本，iPhone，Android设备都可以在一个相对小的屏幕上给用户带来上网体验。 浏览器本身也在改变，Google Chrome将WebKit引擎，将大部分CSS3和HTML5功能从苹果迁移到Windows，Google在未来几年的目标是争取到10%的市场份 额，这将撼动IE的统治地位，在德国，Mozilla Firefox已经在超过IE成为主导浏览器。 这些因素也将改变我们对Web设计以及可访问性的看法，你的站点是否有一个移动版本？它们在小屏幕上看上去如何？在一个很大的屏幕上看上去又如何？在Weibit引擎，或是Gecko引擎，或是Trident引擎上看上去是否一致？ 人们对在不同设备上访问Web的观念也在改变，设计师们逐渐意识到，没必要在各种不同设备上输出相同的页面，也无需为不同的设备提供相同的用户体验。 这意味着什么？ 人们将发现Web在不同的浏览器上有不同的样子，诸如渐进式增强的Web技术越来越普遍，为不同Web用户提供不同的体验。同时，放弃对陈旧浏览器 的支持也逐渐为人接受，让用户将压力推向浏览器厂商而不是设计师。另外，人们会将注意力转向内容，功能，可访问性，并注重设计和创意。 3.社会媒体 没有人会否认，2009年是社会媒体极其重要的一年，比如，Twitter已经成为热门话题，它还会继续热门。诸如Twitter，Facebook一类的平台的发展使Web逐渐成为社区导向的Web，毫无疑问，社会媒体会有大的变革且会实现盈利。 围绕着社会媒体的一个问题是，如何衡量它的价值并获得这份价值。1000个Twitter跟随者价值几何？他们是否将为此收费？在2010年，对这类问题的解答将导致社会媒体的大变革。 伴随着这些变革，信息的实时获取将成为焦点，Google已经在讨论针对Twitter等平台进行实时搜索的问题。这些改变如何同现有的系统，尤其是搜索引擎技术集成，将引发一些技术革新。 这意味着什么？ 随着越来越多的人参与　Web　信息的创建，我们获取信息的方式将从过去的单一来源向更社区化的来源转变，假如我们要搜索修车行，我们会看到修车行最新的Twitter或Facebook消息而不是那些过时的静态内容。 4.JavaScript 当CSS3和HTML5开始涉足JavaScript的地盘，JavaScript本身也向Flash逼宫。诸如jQuery一类的框架使富客户端，异步与无缝用户体验变为现实，Web应用的开发变得更简单，并引发竞争和创新。 JavaScript已经可以帮我们实现过去只能靠Flash实现的东西，如交互式游戏，复杂的交互式数据可视化技术，也使那些富客户界面，Flash式体验变得更具可访问性。 最近，已经10年没有升级的JavaScript也迎来了它的一次重要升级(中文)，一旦浏览器厂商们吸纳了这些标准，Web开发者们将拥有更强大工具来创建Web应用。 这意味着什么？ 随着CSS3和HTML5开始涉足一些JavaScript的功能（如复杂对象的选取，动态圆角，实时可编辑页面），JavaScript将趋向于 用来处理Web应用与客户端的程序逻辑。JavaScript的最新升级将使Web应用之间更容易相互操作（JavaScript的这次升级的一个主要目 标是实现JSON对象的安全细则）。 5.SaaS-软件即服务 SaaS（软件即服务）已经不新鲜，象37Signals，GoogleEnterprise一类的SaaS越来越普遍。竞争会越来越激烈，引入门槛低，那些小厂商将有机会和大厂商展开竞争，2010年，我们会看到这种竞争加剧并带来Web应用的创新。 这意味着什么？ SaaS商业模式会继续取代传统软件的位置，随着上网的人越来越多，人们需要的是基于Internet可以相互操作的系统。 来源：2010年WEB开发领域五项新技术和趋势]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/01/2010-web-develop-5-technique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

