谁能列举一些在野外使用的“ HTML5”的真实示例?


8

我现在以似乎每个人都在使用HTML5的相同方式使用HTML5,这意味着:HTML5标签,Canvas / 3D / javascript和CSS3。

我正在努力寻找一些站点示例,这些站点实际上正在使用这些技术,而不仅仅是演示使用Canvas或CSS3转换或形状已成功完成的某件事的演示。

我正在寻找具有良好视觉外观但还利用动画,滚动和偏移Silverback或Canvas之类的功能的网站,以创建一个交互式的网站,并且我认为这是“具有Flash效果”的网站。

这些是我发现的一些示例:

卷动

动画

其他

我宽松地使用HTML5,但我讨厌使用它。如果您列出了一个真正吸引人的基于Java脚本的网站,但它没有HTML5文档类型,我将很高兴。


盗版非常好,但是为什么会有如此大的内存泄漏呢?我玩过,但是很慢。看着我的任务管理器,发现它的内存高达1.6 GB!无论是谁制造的,都必须放弃内存或回收它。它应该不会接近1.6 GB。= /
Michael

@Michael也许是浏览器问题。我玩了大约2个小时,在Chrome中没有任何延迟。
Evan Plaice

Answers:



3

Stack Exchange网络(此站点是该站点的成员)使用HTML5进行身份验证。因此,您可以访问网络中的任何站点,并且一旦至少手动登录一次,它将在以后自动登录

尝试一下-如果您在多个网站上拥有会员资格(例如,此处和Stack Overflow),请清除所有cookie和临时文件。然后在此处登录,然后转到Stack Overflow而不登录。请稍等几秒钟,即使域完全不同,它也会自动登录。


1

是的,事实上,我很久以前就做到了……我猜是2-3年前。我创建了一个网站,该网站基本上允许人们在平面图上四处移动东西,以查看家具是否合适。它是用JavaScript完成的,但问题是JavaScript没有很好的旋转家具的方法。

当IE不支持canvas标签时,这意味着在0、5、10 ... 85度转弯时使用不同的图像,然后将这些图像分别以0、90、180或270度旋转以覆盖从90度到355度的旋转。创建不仅烦人,而且执行速度也很慢。支持画布标签的FF可以实时旋转家具,但是IE的旋转非常糟糕。IE花费了0.75到1.00秒的时间进行响应,并且以5度为增量进行响应非常烦人。


1

这是CSS-Tricks.com的Chris Coyier制作的类似Flash的漂亮网站:http ://chris-mcgarry.com

克里斯主要是在这里使用JQuery,目的是使访问者可以播放音乐曲目并导航到任何页面而不会停止音乐。

克里斯坚决主张现在使用Html5。这个示例实际上并没有使用那么多的Html5元素,但是确实体现了无闪存未来的精神。


1

我们的网站(We,Pixels)是基于HTML5的画布创建的。我们以通常会使用Flash的方式使用它,实际上必须将Flash用于IE,因为exanvas并没有满足我们的需要。

该站点不是全部画布,但是它的主要应用程序组件是。



0

我不确定为什么您会询问没有简单HTML5 doctype的基于HTML5的页面的示例-我想要该模式的明确开关。无论如何,该站点在使用HTML5和CSS3技术的上下文相关图形中充分利用了单页原则:https : //www.airbnb.com/annual/

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.