惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

F
Fortinet All Blogs
MyScale Blog
MyScale Blog
Microsoft Security Blog
Microsoft Security Blog
量子位
B
Blog
aimingoo的专栏
aimingoo的专栏
Apple Machine Learning Research
Apple Machine Learning Research
阮一峰的网络日志
阮一峰的网络日志
The GitHub Blog
The GitHub Blog
T
The Exploit Database - CXSecurity.com
N
News | PayPal Newsroom
Cloudbric
Cloudbric
A
About on SuperTechFans
AI
AI
Hacker News: Ask HN
Hacker News: Ask HN
S
Schneier on Security
Recent Commits to openclaw:main
Recent Commits to openclaw:main
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LINUX DO - 最新话题
T
The Blog of Author Tim Ferriss
Simon Willison's Weblog
Simon Willison's Weblog
有赞技术团队
有赞技术团队
H
Heimdal Security Blog
J
Java Code Geeks
大猫的无限游戏
大猫的无限游戏
D
Docker
Security Archives - TechRepublic
Security Archives - TechRepublic
N
News and Events Feed by Topic
IT之家
IT之家
Know Your Adversary
Know Your Adversary
N
Netflix TechBlog - Medium
T
Tailwind CSS Blog
B
Blog RSS Feed
C
Cybersecurity and Infrastructure Security Agency CISA
C
Cisco Blogs
博客园 - 叶小钗
美团技术团队
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
H
Hackread – Cybersecurity News, Data Breaches, AI and More
L
LangChain Blog
The Hacker News
The Hacker News
Y
Y Combinator Blog
I
Intezer
The Register - Security
The Register - Security
F
Full Disclosure
V
V2EX
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Last Week in AI
Last Week in AI
Martin Fowler
Martin Fowler

张鑫旭-鑫空间-鑫生活

1分钟速度了解text-align match-parent声明 « 张鑫旭-鑫空间-鑫生活 光标的形状也能设置了,就是CSS caret-shape属性 « 张鑫旭-鑫空间-鑫生活 pretext与文字四面环绕效果的实现 « 张鑫旭-鑫空间-鑫生活 JSON.rawJSON方法的作用是什么? « 张鑫旭-鑫空间-鑫生活 如何使用CSS判断鼠标从哪个方向进入元素? « 张鑫旭-鑫空间-鑫生活 借助mediabunny纯JS实现视频水印、剪裁、合成等功能 « 张鑫旭-鑫空间-鑫生活 务必谨慎使用JS WeakRef弱引用 « 张鑫旭-鑫空间-鑫生活 CSS六边形头像的实现与蜂巢布局 « 张鑫旭-鑫空间-鑫生活 CSS corner-shape与背景底纹技术 « 张鑫旭-鑫空间-鑫生活 浅学WebTransport API:下一代Web双向通信技术 « 张鑫旭-鑫空间-鑫生活 HTML dialog元素新支持了closedBy属性 « 张鑫旭-鑫空间-鑫生活 HTML interestfor属性与悬停popover交互效果 « 张鑫旭-鑫空间-鑫生活 我对CSS vertical-align的一些理解与认识(一) « 张鑫旭-鑫空间-鑫生活 CSS3模拟window7炫酷界面效果展示 « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 纯js无图片无外链CSS图片幻灯片播放插件 « 张鑫旭-鑫空间-鑫生活 CSS border三角、圆角图形生成技术简介 « 张鑫旭-鑫空间-鑫生活 CSS “渐进增强”在web制作中常见应用举例 « 张鑫旭-鑫空间-鑫生活 让IE6/IE7/IE8浏览器支持CSS3属性 « 张鑫旭-鑫空间-鑫生活 jQuery – 高亮动态显示页面HTML代码插件 « 张鑫旭-鑫空间-鑫生活 CSS reset的重新审视 – 避免样式重置 « 张鑫旭-鑫空间-鑫生活 新浪微博插入话题后部分文字选中的js实现 « 张鑫旭-鑫空间-鑫生活 JavaScript实现http地址自动检测并添加URL链接 « 张鑫旭-鑫空间-鑫生活 CSS实现兼容性的渐变背景(gradient)效果 « 张鑫旭-鑫空间-鑫生活 CSS content内容生成技术以及应用 « 张鑫旭-鑫空间-鑫生活 CSS gradient渐变之webkit核心浏览器下的使用 « 张鑫旭-鑫空间-鑫生活 CSS渐变之CSS3 gradient在Firefox3.6下的使用 « 张鑫旭-鑫空间-鑫生活 区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack « 张鑫旭-鑫空间-鑫生活 CSS实现跨浏览器兼容性的盒阴影效果 « 张鑫旭-鑫空间-鑫生活 CSS3&HTML5各浏览器支持情况一览表 « 张鑫旭-鑫空间-鑫生活 翻译 – CSS Sprites:实用技术还是生厌之物? « 张鑫旭-鑫空间-鑫生活 纯CSS实现易拉罐3D滚动效果 « 张鑫旭-鑫空间-鑫生活 纯CSS实现侧边栏/分栏高度自动相等 « 张鑫旭-鑫空间-鑫生活 CSS+JavaScript实现页面不同布局的切换 « 张鑫旭-鑫空间-鑫生活 JavaScript实现最简单的拖拽效果 « 张鑫旭-鑫空间-鑫生活 自己写的无图片版jQuery zxxbox弹出框插件 « 张鑫旭-鑫空间-鑫生活 中国古代道家思想与网页重构的思考 « 张鑫旭-鑫空间-鑫生活 让所有浏览器支持HTML5 video视频标签 « 张鑫旭-鑫空间-鑫生活 纯CSS实现各类气球泡泡对话框效果 « 张鑫旭-鑫空间-鑫生活 JS HEX十六进制与RGB, HSL颜色的相互转换 « 张鑫旭-鑫空间-鑫生活 CSS实现兼容性的渐变、高光等文字效果 « 张鑫旭-鑫空间-鑫生活 去除冗余 – 精简您的CSS样式代码 « 张鑫旭-鑫空间-鑫生活 对overflow与zoom”清除浮动”的一些认识 « 张鑫旭-鑫空间-鑫生活 jQuery Pagination Ajax分页插件中文详解 « 张鑫旭-鑫空间-鑫生活 absolute绝对定位的非绝对定位用法 « 张鑫旭-鑫空间-鑫生活 网页布局思想浅议-淘宝新版首页为实例 « 张鑫旭-鑫空间-鑫生活 回流与重绘:CSS性能让JavaScript变慢? « 张鑫旭-鑫空间-鑫生活 CSS float浮动的深入研究、详解及拓展(二) « 张鑫旭-鑫空间-鑫生活 CSS float浮动的深入研究、详解及拓展(一) « 张鑫旭-鑫空间-鑫生活 60个极富创造性的震撼的电影海报设计 « 张鑫旭-鑫空间-鑫生活 jQuery Lightbox(balupton版)图片展示插件讲解 « 张鑫旭-鑫空间-鑫生活 博客内嵌flash音乐播放器代码、下载与使用 « 张鑫旭-鑫空间-鑫生活 CSS3 animate实现图片墙3D翻转效果 « 张鑫旭-鑫空间-鑫生活 图片旋转效果的一些研究、jQuery插件及实例 « 张鑫旭-鑫空间-鑫生活 CSS3 border-image详解、应用及jQuery插件 « 张鑫旭-鑫空间-鑫生活 jQuery-两款不同原理的圆角插件讲解 « 张鑫旭-鑫空间-鑫生活 页面可用性之outline轮廓外框的一些研究 « 张鑫旭-鑫空间-鑫生活 CSS3 transition实现超酷图片墙动画效果 « 张鑫旭-鑫空间-鑫生活 HTML CSS列表元素ul,ol,dl的研究与应用 « 张鑫旭-鑫空间-鑫生活 jQuery图片文本滚动切换插件jCarousel中文翻译与详解 « 张鑫旭-鑫空间-鑫生活 酷酷的jQuery鼠标悬停图片放大切换显示效果 « 张鑫旭-鑫空间-鑫生活 IE6下z-index犯癫不起作用bug的初步研究 « 张鑫旭-鑫空间-鑫生活 checkbox复选框的一些深入研究与理解 « 张鑫旭-鑫空间-鑫生活 jQuery之使用slideToggle实现垂直下拉菜单 « 张鑫旭-鑫空间-鑫生活 jQuery-innerfade内部列表自动淡入淡出插件 « 张鑫旭-鑫空间-鑫生活 jQuery-火焰灯效果导航菜单 « 张鑫旭-鑫空间-鑫生活 IE下css bug集合-翻译自haslayout.net « 张鑫旭-鑫空间-鑫生活 翻译-IE7/8@font-face嵌入字体与文字平滑 « 张鑫旭-鑫空间-鑫生活 jQuery-马化腾产品设计与用户体验的一些技术实现 « 张鑫旭-鑫空间-鑫生活 像素的世界及其在web开发制作中的应用 « 张鑫旭-鑫空间-鑫生活 css行高line-height的一些深入理解及应用 « 张鑫旭-鑫空间-鑫生活 CSS实现圆角六色渐变自适应按钮详解 « 张鑫旭-鑫空间-鑫生活 我熟知的三种三栏网页宽度自适应布局方法 « 张鑫旭-鑫空间-鑫生活 jQuery照片图像剪裁插件Jcrop中文翻译详解 « 张鑫旭-鑫空间-鑫生活 Ajax Upload多文件上传插件翻译及中文演示 « 张鑫旭-鑫空间-鑫生活 告别图片—使用字符实现兼容性的圆角尖角效果beta版 « 张鑫旭-鑫空间-鑫生活 大小不固定的图片、多行文字的水平垂直居中 « 张鑫旭-鑫空间-鑫生活 jQuery boxy弹出层对话框插件中文演示及讲解 « 张鑫旭-鑫空间-鑫生活 JavaScript实现新浪微博文字放大显示动画效果 « 张鑫旭-鑫空间-鑫生活 翻译:让网络更快一些——最小化浏览器中的回流(reflow) « 张鑫旭-鑫空间-鑫生活 jQuery之addClasas与removeClass使用实例 « 张鑫旭-鑫空间-鑫生活 关于Google圆角高光高宽自适应按钮及其拓展 « 张鑫旭-鑫空间-鑫生活 JavaScript实现图片幻灯片滚动播放动画效果 « 张鑫旭-鑫空间-鑫生活 jQuery-鼠标经过显示大图并跟随鼠标效果插件 « 张鑫旭-鑫空间-鑫生活 关于gif图片(或png8)杂边锯齿的问题 « 张鑫旭-鑫空间-鑫生活 对html与body的一些研究与理解 « 张鑫旭-鑫空间-鑫生活 鲜为人知的一个解决兼容性问题的利器——小数 « 张鑫旭-鑫空间-鑫生活 搜狐白社会似iphone短信对话框效果的优化 « 张鑫旭-鑫空间-鑫生活 关于文字内容溢出用点点点(…)省略号表示 « 张鑫旭-鑫空间-鑫生活 jquery之append与insertBefore使用实例 « 张鑫旭-鑫空间-鑫生活 jQuery之图片关联伸缩效果 « 张鑫旭-鑫空间-鑫生活 jquery之图片左右切换动画效果 « 张鑫旭-鑫空间-鑫生活 jQuery之replace字符串替换实现不同尺寸图片切换 « 张鑫旭-鑫空间-鑫生活 jQuery-实现图片的放大镜显示效果 « 张鑫旭-鑫空间-鑫生活 jQuery-单击文字或图片内容放大显示效果插件 « 张鑫旭-鑫空间-鑫生活 reflection.js-实现图片投影倒影效果js插件 « 张鑫旭-鑫空间-鑫生活 jQuery-很酷的弹出层效果js插件 « 张鑫旭-鑫空间-鑫生活 复选框单选框与文字对齐问题的研究与解决 « 张鑫旭-鑫空间-鑫生活 css margin的相关属性,问题及应用 « 张鑫旭-鑫空间-鑫生活 IE6下png背景不透明问题的综合拓展 « 张鑫旭-鑫空间-鑫生活
翻译 – 逐渐消失的Flash网站 « 张鑫旭-鑫空间-鑫生活
张鑫旭,zhangxinxu · 2010-04-20 · via 张鑫旭-鑫空间-鑫生活

by zhangxinxu from http://www.zhangxinxu.com
本文地址:http://www.zhangxinxu.com/wordpress/?p=765

以下为翻译全文

如果你想要一个盛大的视觉效果的网站,含有复杂的交互以及跨浏览器的富体验,flash是唯一的选择。确实如此吗?回答是“不是”。随着现代浏览器的进步与提升,以及JavaScript库的被广泛采纳,使用flash显得没有意义了。但是考虑到渐进增强的需要,目前flash站点在web上仍有一席之地。

在当前的景观技术下,以及通过诸如相框,netbooks、手机、电视这类设备访问互联网时,网络标准的好处要大于那些flash,尤其是当提供内容是在各种设备上面对更广泛的受众时。

Flash是一个坐在浏览器扩展功能顶部的专利产品 。尽管flash可以提供在某一段时间内可能缺失的功能,但是对于现代浏览器而言,其所带来的价值几乎为0. 随着越来越多的设计师以及开发人员意识到web标准的好处,以及开始使用一些HTML5和CSS3的特征,我们会更少看到由Flash驱动的网站。

Flash vs. Web标准之争

倡导者们宣传web标准已经超过10年了。设计者与开发人员之间的争论犹如同性恋结婚这类争论般激烈,这导致了在领域中最聪明的一些人之间一些不舒服的分歧。

Flash与web标准的争论 张鑫旭-鑫空间-鑫生活

随着最近iPad宣传不支持Flash,以及iPhone对Flash的持续不支持,这个争论已经上升到了社会发展的高度(包括Adobe和Apple他们自己)。随着苹果公司的反Flash立场,那些基于Flash的网站已经无力再去争论什么了,毕竟他们面对的是丢失一个巨大的潜在的用户群。

最后,Flash会让自己适应移动设备(2.5亿的设备预计在2012年底将全部支持),但是这真的仅有一小部分的争论,且仅有一个比较好的论证是有web标准倡导者提出的。

在这个问题的核心是如何提供给用户一个前所未有的体验,而不在于技术或平台。

“HTML5 vs. Flash” is the wrong discussion. “Accessible rich media” is the right one.

— Jeffrey Zeldman (via Twitter)

最后,我们都只是想创建可访问和易于使用的网站,忽略工具本身。

良性竞争

在Web最初的那些日子里,Flash几乎是提供跨浏览器富互联网体验的唯一途径。浏览器对CSS以及JavaScript支持不一致,使得CSS以及js成为不值得依赖的麻烦。

Flash与web标准的良性竞争 逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: Erik Charlton)

Flash在早期就看到了巨大的成功,并且迅速向前推进。原本主要是用来制作动画的小小的程序迅速成为有价值的开发环境。开发人员和设计师都选择了集中在这方面努力,经常使他们自己从开发实验室及对专有技术的支持中分离出来。Flash网站接管了web,以及用户开始期待的web标准不允许开发者创建的体验。

Web标准可能是暂时落后了,但它依旧持续不断的被那些愿意去拥抱一个开放网络的从人员向前推进。

Web标准:收益以及采用的原因

用户总是期待丰富的用户体验,在大多数情况下,这些精湛的体验现在可以使用HTML, CSS和JavaScript实现,这些都是基于web标准的。

Flash与web标准的良性竞争 逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: 美国陆军)

网站是基于Flash还是web标准建设的界线已经变得模糊了。如果不是通过查看源代码,乍看之下,即使是最精明的网站开发人员也不能辨别出网站使用的技术。

丢弃Flash而支持web标准的网站每天都在增加。即使这些决定受iPad及iPhone不支持Flash影响,但久而久之,他们会发现使用web标准带来的好处。

当前趋势
曾经几乎只能在Flash中执行的东西现在可以轻松使用JavaScript外加一点点的创新完成。标准的广泛采用可以归功于轻松使用JavaScript库来增强交互和CSS在当前浏览器的支持。

视频对于推进web标准迈出了重要的一步。视频可以说是过去只能使用Flash呈现的少数几个东西之一。而目前最大的飞跃在于YouTube已经采用了HTML5视频元素(虽然测试中),其允许现代浏览器绕过Flash插件,而使用浏览器自带的视频播放器。

虽然HTML5视频收到争议(由于当前的解码器崩溃)以及业绩报告不温不火,但是这些问题都会被解决的。网站开发人员将实施HTML5视频并选择合适的解码器。当最大的网站做出了这项决定,我们有理由相信,我们会有一个最终的事实的标准,为浏览器提升性能。

现代浏览器的采用
HTML5和CSS3代表了提升本地浏览器的性能所做的巨大努力,许多浏览器供应商已经实施他们的规范,即使他们没有多大的改变。我们有很多期待:CSS动画,canvas,本地存储,地理位置和其他规范,这将使得web标准步入一个新时代。

尽管我们还要很多年才看到浏览器100%的支持这些规范,并且绝大多数的用户都升级到这些浏览器,如果我们接受这些进步的加强的内容,我们将更好的在开发者中推行web标准。

渐进增强
学习生产渐进增强的内容,放弃在每一个浏览器中像素级的完美呈现,在旧的浏览器中拥抱优美退化可以腾出时间专注于其他领域的发展,如可用性和平台-传输的不可知论。

渐进增强 逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: Unobtrusify.com)

如果您的网站的用户没有启用JavaScript或CSS的,他们仍然可以以一个更有限的方式访问,这并不同于Flash网站,Flash网站是典型的在缺乏Flash与JavaScript情况下不提供任何内容的。

脑中谨记渐进增强的设计,万丈高楼平地起要求设计师和开发工程师对网站的基础设施做更多的思考,这往往在自上而下工作时(例如设计一个网站,然后考虑到撤回)暴露各类出现的问题。

智能手机浏览器与上下传输
移动网络目前仍处于起步阶段,通常在设计过程中可有可无,而基于标准的设计在手机上就像老式的桌面浏览器上显示那样赞,在没有Flash插件的情况下,网站还可以提供一个可接受的体验而不需要付出额外的努力(这在Flash网站上是很难处理的)。

移动Web浏览正成倍的增加,忽略这些用户显然是不明智的。 Web标准是提供更丰富的移动浏览器交互功能的唯一选择。

内容管理
给网站所有者和编辑的能力,编辑里面的内容管理系统的交互式内容的手段不必与Flash开发人员协调,以建立和维持体制外的内容。许多机构已放弃为WordPress供电网站,使用JavaScript来提升经验,可快速方便地更新内容,允许投资组合和闪光。
给予网站所有者和编辑人员在内容管理系统内部标记交互内容的能力就意味着不一定非要与Flash开发人员协作创建和维护系统之外的内容。许多以WordPress驱动的机构已经舍弃了Flash,转而使用JavaScript来增强用户体验,同时允许很迅速简单地升级与内容更新。

开放性
Web标准正如他的字面意思(例如制定标准的代码结构和服务协议),网站外部的用户代理和脚本可以直接从HTML中获取数据。搜索引擎(Search engines),微格式(microformats),订阅(feeds),翻译(translation)和书签(bookmarklets),这些正是由于数据开放性和一致性才大放异彩的。

web标准的开放性 逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: 莫妮卡的爸爸)

如果我们希望网站能够真正可扩展且相互关联,微格式和微观数据内容以及APIs可能就是答案。否则,我们将受困于自己竖起的围墙里,停留在和几天年相同的位置上。

自由
许多人认为,互联网背后的技术应该与过去一样,是公开的非竞争的。人应该自由地消费与创造信息,而不应该受限于许可限制,或是诸如Flash、Silverlight或者其他公司所拥有的技术的合法性。

使用web标准创建和传输内容并不是最好的技术,但是其支持了开发互联网的所核心的东西 – 自由。

Flash可以也将继续将很多事情做的很好

Flash驱动的网站逐渐消失并不意味着Flash本身会随着一起消失。太多的建立已久的内容与基础神奇般的消失。没有对组织与进程进行大量的重构与重建,大量的Flash开发人员将继续被雇佣,大量的Flash广告将针对那些准备忽略它的人。

我们感激Flash,正是由于Flash的存在,才有了如今的web,这是它应得的荣誉。即使其展示的潜力要小于其他早期出现的插件技术,例如Java applets,在用户的无缝传输与开发部署易用性方便有着很赞的平衡。其他一些web技术,例如VRML和SVG,试图挑战Flash在web领域的地位同时又符合标准。

如果没有Flash以及其带来的创新,现在的互联网指不定在哪儿呢!

易用性
出了门,对于开发人员和设计人员来讲,Flash是视觉化的,易用的应用程序,可轻松实现动画效果,进一步扩大到服务器端应用程序。

Flash的功绩 逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: 孩子也能用)

由于易用性,对于启蒙设计者或是开发者。Flash有着更低的门槛。加上与Adobe其他应用程序套件的结合,在设计师的工作流程中,Flash非常适合。

一致性
不可否认的是,多年来是唯一的持续的跨浏览器平台的同时有着丰富交互体验就是Flash。Flash还是唯一的可以在旧的浏览器上传输视频和音频的方式,而且这将依旧多年不变。

如果你对字体有些偏执,你的网站上需要一种特殊的字体,但是面对当前浏览器对字体的支持,你只能哭了。好在有个捷径,就是使用Flash及swfObject@font-face和各种形式字体的广泛支持。

标准也不难令人信服
web标准日渐增多,我们固足于对旧浏览器,那些只能使用Flash才能传送音频视频和一些复杂数据交互的旧浏览器的的支持。好在浏览器提供商与时俱进,我们如今可以开始使用HTML5音频和视频标签了。但是我们依旧要想想在旧浏览器上如何传输媒体。

这同样使用于canvas元素,canvas元素可以传送复杂的视觉呈现,3D动画效果以及游戏。如果想要支持类似IE6的浏览器,提供一个适宜的canvas元素的fall-back也是可以的。 在这种情况下,Flash可以说是最好的选择。一如往常,您的现有和潜在的用户决定了你的方向。

Flash的渐进增强

最好的Flash开发工程师和web标准人群采用相同的方法,使用Flash作为一个层来增强他们的网站与应用程序。如果持续,在实现精湛的体验,服务移动设备,触探搜索引擎和其他用户端技术上,Flash仍有一席之地。Flash注射技术是融合两者做简单的方式。

Flash的未来
Adobe是那种绝不会让产品停滞不前的公司。可以确信的是他将尽可能的将Flash推向移动设备。

逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活
(图片: Robert Weißenberg)

通过Creative Suite 5(Adobe cs5),开发人员将能够使用iPhone包装程序输出原生的iPhone项目。Flash将迅速从早期的动画应用程序转向一个完整的桌面和移动设备应用程序开发环境,这需要借助AIR及相关进步(AIR在移动空间可能相当迅速)的帮助。

随着在桌面程序和移动设备之间稳定传送应用程序需求增加,Flash开发人员很可能会有大的需求。

Flash, HTML, CSS和JavaScript都仅仅是工具

无论是web标准,还是Flash,抑或其他插件技术都是创建web内容的工具。即使Flash在网站领域逐渐衰退,Flash开发人员也没有任何理由去担心被淘汰。

不管你使用的是什么工具,只要能够创建丰富的互联网应用程序都是正确的,过渡到web标准可能比你想得还要早。

Flash, HTML, CSS和JavaScript都是工具 张鑫旭-鑫空间-鑫生活
(图片: kansas_city_royalty)

Flash和Web标准开发人员的共同点要多于他们的不同。界面和交互设计, 排版,布局,平面设计和面向对象编程对于两种技术都有举足轻重的作用。

两方的开发人员对许多一样的问题进行争论。他们都着手创建一个伟大的用户体验,设计直观的互动,让网站更易于使用。所有这一切都是并非技术本身,而是它背后的人。

基于web标准站点大放异彩

下面是一些拥抱web标准,同时又有丰富交互的网站。如果你想跟随当前趋势,许多基于标准建立的优秀的站点在网站上展出。例如NotCoffeejQuery Style

Pigeon and Pigeonette
这个网站就一个页面,通过导航进行过渡。除了显示的信息,其还提供了几个Flash游戏。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Good Works Media
一个代理网站,首页有个手风琴折叠结合lightbox的效果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Made by Elephant
水平手风琴效果的网站。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Euna (English translation)
单页面网站,有着非常“弹性”的过渡。S6逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Artopod (English translation)
复古设计,在内容上有个高度固定的“窗口”。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

DreamerLines
大胆,多彩,全屏印象的单页面,组合lightbox。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Serial Cut
主要全屏图象的组合,包括立体,平面设计和摄影。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Alfa-Bank: U2 (English translation)
主要由导航产生布局和背景图片的变化。S10逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Kobe
比较传统的站点,有着轻微的导航效果和图片和内容也随着导航变换。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Unowhy (English translation)
另一个手风琴效果网站,有着光滑的内容过渡和大量的“悬停”效果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Creative People
非常有创意的图像,大量的Ajax,有许多工作室作品示例。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

World of Merix
一个全屏幕的客户可拖动地图的机构,其内容为流畅的灯箱效果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

The Sixty One
常喜欢的应用程序,在享受音乐服务的同时让你浏览艺术家和相关信息。当你听的时候,信息就会出现在乐队上。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Banadies Architech
高亮的建筑风格的网站作品,当点击一个导航的时候,页面会很优雅地移动。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Paul J. Noble
黑色风格网站,导航实现方法很有趣。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Adult Swim Shows
最近上线的网站,使用全屏的图片做导航。S20逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Glyde
一个市集网站,有着简单的交互,产品使用切换导航,细节描述使用灯箱效果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Alex Arts
Alex Abramov个人站点,全屏图像,弹出式内容。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Rix
Adam Rix个人作品,全屏图像和精致的导航。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Eric Johansson
个人作品,设计很有趣,界面可滚动。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

来自(接近)未来的网站

下面是一些“实验性”的网站,证明什么的web标准的可能性。警告:这些作品可能只在最现代的浏览器下有最佳效果。

Bespin
Mozilla提供的在线编辑器。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Sketchpad
一个简单的绘图程序。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

JavaScript Wolfenstein 3D, from Nihilogic
使用web标准方法实现的经典的游戏。F3逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Leaf Transform, from Disegno Cetell
使用canvas元素实现的简单的落叶效果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Canvas Animation Demo
使用canvas 元素实现的卡通动画。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Canvas Experiment, from 9elements
音频可视化,响应鼠标。F6逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Ball Pool
一个基于物理的演示,让您拖和推着彩色圆圈。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Dynamic Content Injection, 来自Mozilla的Paul Rouget
一个“几乎”以假乱真的演示,把图片注入视频。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Canopy Animation
一个可视化的树发生变异,开花结果。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Bean
图片从屏幕上落下。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

3-D Cube Demo
一个可拖动的,可缩放的彩色的三维立方体。F11逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

JavaScript Bike
游戏,开摩托车,根据地形进行导航。逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

Comments Visualization
超时评论可视化,作者为Matt Ryall,使用js文件是Processing.js.F13逐渐消失的Flash网站 张鑫旭-鑫空间-鑫生活

HTML vs. Flash相关资源

这里是一些相当新的文章。您可以确认查看他们的观点。

以上为翻译的全部内容

本文为原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]
本文地址:http://www.zhangxinxu.com/wordpress/?p=765

(本篇完)