• 10 个不错的 HTML5 类型网站
    时间:2012-02-03   作者:佚名   出处:互联网

    HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。本文专题将带您体验HTML 5,深入下一代Web开发标准。下面我们看一下下面10个不错的HTML5 类型网站。

    Agent 008 Ball 一款采用canvas和audio元素的在线桌球游戏网站

    agent8ball


    The Wilderness Down Town是一个很酷的结合地图和音乐创造出来的互动式电影短片网站。

    这个由Chris Milk拍摄的基于html5的互动电影短片“We Used to Wait”,超越flash/java,非常强大。网站利用谷歌浏览器、谷歌地图、HTML5、街景,伴随着画面中歌手的奔跑,完美呈现MV。据说那歌手真是会跑到你家楼下!听上去真的很神奇!
    为了获得最佳观看体验,推荐使用Chrome浏览器。打开thewildernessdowntown.com,输入你家地址,它会自动生成MV。MV全部由浏览器视窗组成,所以不要把它们当成广告视窗关掉。只要稍等片刻,它就会自动播放。整个影片由图片和事先拍摄好的MV片段,加上更酷的谷歌地图飞行模式遨游整个街景组合而成。当片中奔跑的歌手渐渐接近你家住址,最终跑到你的楼下的那一刻!仿佛看美国大片一般激动人心!如果还没看过瘾,网站提供重新播放按钮,点击分享按钮复制URL分享给朋友。MV播放中有片刻时间可以让你创建属于自己的明信片,在影片结束时支持分享和回应,实现真正的社交互动!

    thewildernessdowntown


    Ben The Bodyguard

    这个网页表现手法比较新颖,没有采用任何flash技术,全是js或者css控制的,很有意思,推荐给大家。

    Ben The Bodyguard


    Rome是一个推新型音乐网站

    rome


    universeries

    universeries


    This Shell

    This Shell


    rumpetroll

    rumpetroll


    Nakshart

    Art of Stars


    Lost Worlds Fair

    lost world fairs


    Toyota Prius Projects

    toyatapriusprojects

    转自:http://www.oschina.net/news/25288/amazing-web-designs-using-html5

    网友留言/评论

    我要留言/评论

    相关文章

    10 个最新 UI 图资源免费下载:这些资源包括定制标签、下载、开关、滑动条、搜索、单/复选框以及更多。它也包括了Photoshop PSD源图。
    出色的用户体验的5个标志:如果你最近使用过的移动社交网络应用Path,我想你应该已经迷上了它出众的用户体验。Path的设计非常精巧,同时它也很容易使用。红色为主的配色方案以及设计平滑的导航条都充满了运动气息。这个社交应用,能够让用户非常容易地找到好友。这得益于Path的关联推荐以及与Facebook的连接。
    15个2012年网页设计的趋势分析:人们一直念叨的2012年终于来了。人们也从开始的激动到现在的平复,时间确实可以平息一切。我们看着科技的进步,看着网络在每一天的改变着生活方式,看着不断的创新科技在装点着生活,这个时候我们确实有速度感。在这崭新的2012年里,网络会发生什么样的变化谁都不能肯定。但是大家都会有一个美好的猜想。因为过去的几年网络改变太多人的命运,甚至改变很多国家的命运。这已经不仅仅是一个IT产业了!在我上高中的时候就有人在说网络的泡沫,但是即便过了这么多年,网络依然在不断的翻新着人们的思想,改变着人们的生活。之所以这样是因为大家对网络方面的创新从来就没有停过。那么今天我们就给2012年的网页设计趋势有一个分析和美好的猜想,希望能和大家一起在新的一年里有一个更清晰的思路去创意和想象,去启发更多的可能。
    IOS Web App初步使用 - 基于PhoneGap框架:iOS Web App开发,配合HTML5,是目前比较热门的话题。今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发。
    火狐下flash重新加载的bug的解决方法:做项目的时候遇到一个bug,firefox下一个弹层会引起flash重新加载,而其他浏览器就没有这样的bug。
    谈优秀程序员的性格:我们一直都在讨论,性格决定命运。那么什么样的性格让你具有一个优秀程序员的潜质?要得到这个答案,我们必须要搞清楚优秀程序员的定义。对于一个程序员,我们用什么样的标准来衡量一个程序员是否优秀 。
    我们应当怎样做需求分析:又到新年了,日历又要从2011年翻到2012年了,这使我有太多的感慨,进而勾起了对太大往事的回忆。过去的10年,毫无疑问是中国软件业发展最快的10年。当我们刚刚毕业的时候,还在使用VB、PB开发一些简单的数据库应用,而现在却几乎看不到它们的踪影,换来的是诸如J2EE和.NET这样的大型web应用。而这期间,RUP、XP、敏捷开发、持续集成••••••一个接一个的新概念层出不穷,令人眼花缭乱。现在想来,恍如隔世。
    如何选择Sencha Touch 和 jQuery Mobile:如果你正在面临是选择 jQuery Mobile 或者是 Sencha Touch ,那么请阅读此文,下面这些因素是你需要考虑的。
    Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf):在拜读和翻译了Android design设计指导后,对比Android 4.0与Android2.3及之前版本的app设计指导,总结了Android 4.0设计的10大改变。
    拒绝平庸——浅谈Web登录页面设计:用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。