首页 相关文章 让人感到震撼的 HTML5网站 应用实验

让人感到震撼的 HTML5网站 应用实验

如今,很多 Web 技术爱好者尝试使用 HTML5 来制作各种丰富的应用。本文将列出25个让人惊叹 HTML5 应用实验,让你体验下一代Web技术的魅力,相信你看完这些例子后会对未来的Web发展充满无限期待。

Bomomo

Tunneler

[ 查看全文 ]

2016-02-19 标签:
  • 现代网站技术的发展,使设计师的奇思妙想几乎都能得到实现。特别是HTML5技术的支持,使网站发生了惊人的变化。今天我们收集了一组效果超赞的HTML5网站,希望能给你带来灵感。 01. Universiteit Van Nederland 02. Kaisersosa 03. theycallmebarry 04. separate–together 05. Future Thought of Business 06. twelvesouth 07. canalplus 08. ogreen 09. Obakki Founda...[ 查看全文 ]
  • 如果你对HTML5的了解还不深,建议可以先阅读:一张图读懂HTML5 。当然,我们也为您准备了40个超赞的HTML5教程。在过去的10年里,网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是HTML5。 这篇文章向大家展示12个创新的HTML5网站。看看这些惊人的 HTML5 网站,从这些优秀的 HTML5 网站获取灵感并...[ 查看全文 ]
  • 近几年很多大公司开始使用HTML5来创建自己的个性网站,同学们可能已经感受到了。高明的设计师甚至能利用它颠覆你对传统网站的印象。今天我们继续收集一组高质量的Html5 网站,有需要的同学可以仔细感受一下,好好参考学习。 Kaiser Sosa Portfolio Joshua Benedikt Purple, Rock, Scissors Denning Elastica Wilson Sideral Mobee 4N CanalSat Series Nike Energize...[ 查看全文 ]
  • 目前大部分浏览器已经更新换代,并支持新的网站技术,所以网页设计师们开始喜欢使用HTML5和CSS3代码来编写网页,而且越来越流行,就算是国内也有很多网站使用了这些新技术来编写。比如最近迅雷7的下载页就使用了CSS3动画,效果很不错。今天设计达人网分享排版优秀的并使用HTML5+CSS3网页设计作品,有很多地方都值得我们参考和学习哦! 如何获取灵感和学习新技术 HTML5和CSS3趋势是必然的,如果你还不加紧时间...[ 查看全文 ]
  • 标签:Web开发
    HTML5中的桌面提醒(web notifications)可以在当前页面窗口弹出一个消息框,这个消息框是跨 Tab 窗口的,这在用户打开多个 tab 浏览网页时,提醒比较方便,容易让用户看到。目前只要是 webkit 内核支持该功能。 该功能在 chrome 下需要以 http 方式打开网页才能启用。 桌面提醒功能由 window.webkitNotifications 对象实现(webkit内核)。 window.webkitNotifications 对象没有属性,有四个方法: 1.re...[ 查看全文 ]
  • 标签:Web开发
    本文分为两个部分,第一部分讨论跨平台网站的可行性,第二部分讨论viewport是如何设置的 开发跨平台网站? 靠标签的自适应宽高实现多尺寸通用!? 标签宽高可以自适应没错,我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。(淘宝采用1000px宽度,搜狐950px...)为什么我们不让网站自适应宽高呢?那是因为,如果我们听任标签宽度被浏览器任意拉伸,将导致极差的体验:你不...[ 查看全文 ]
  • 标签:Web开发
    越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个: 1.为网站创建多套模板,通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面,例如:优酷网。 2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。 针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,...[ 查看全文 ]
  • 标签:Web开发
    W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 header, section, footer, 以及 figure。 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML...[ 查看全文 ]
  • 标签:Web开发
    html5与css3小应用,感兴趣的话,可以点击下载,适合ie9+,ff,chrome等浏览器   [ 查看全文 ]
  • 标签:Web开发
    在 Internet 连接无处不在的今天,我们忽然有了另外一个需求,离线 Web。Gmail, Google Reader, Zoho 这些优秀的 Web 应用都支持离线使用,这归功于 Google Gears。然而真正的离线 Web 要靠 HTML 5,这个未来的 Web 语言明星将为  Web 的离线存储制定一套标准,W3C已经发布 HTML5 离线存储细则。 有人可能会说,离线 Web 毫无意义,你得到的只是一个蹩脚的桌面程序,在 wi-fi, 3G 无处不在的今天,我...[ 查看全文 ]
  • 随着老式浏览器(IE6)的逐渐淘汰,现代浏览器(火狐浏览器,谷歌浏览器,Opera,Safari)走向主流,越来越多的HTML5和CSS3技术开始出现在各种网站上。这些最新的网页技术究竟能给我们今后的浏览带来什么样的改变? 下面的这是10个HTML5画布(canvas)技术效果演示一定会让你惊叹不已。当然,也许你也会认为,过去在老式浏览器中用flash技术也能实现这样的效果。但是,下面的这些演示只使用了现代浏览器里自带技...[ 查看全文 ]
  • 标签:Web开发
    前言 今天Web应用程序已经很复杂了,以现在的发展,会将越来越复杂,但他有一个致命缺点,不能脱离internet链接,因此在HTML中新增了一API, 它使用一个本地存储机制很好地解决了这个问题,为离线web应用铺平了道路。 本地缓存于浏览器缓存 代码如下: 本地缓存是为整个web应用程序服务 浏览器缓存只对单个网页服务/pp任何网页都具有网页缓存 本地缓存只缓存那些你指定缓存的页面/pp网页缓存不可靠、...[ 查看全文 ]
  • 标签:Web开发
    作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies 动态变换颜色和直径,可通过键盘或者鼠标产生新的形状,这个效果很炫很炫! FlowerPower 灵...[ 查看全文 ]
  • 作为下一代网页语言,HTML5 拥有很多让人期待已久的新特性。如今,很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果,让你体验下一代 Web 技术的魅力,相信你看完这些例子后会对未来的 Web 发展充满无限期待。 Breathing Galaxies   动态变换颜色和直径,可通过键盘或者鼠标产生新的形状,这个效果很炫很炫! FlowerPowe...[ 查看全文 ]
  • 标签:Web开发
    HTML5之前,要实现网页元素的拖放操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5中引入了直接支持拖放操作的API,大大简化了网页元素的拖放操作编程难度,并且这些API除了支持浏览器内部元素的拖放外,同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例,演示HTML5中拖放API的使用方法。 场景: 如下图所示,我们要实现: 通过拖放将照片从...[ 查看全文 ]
  • 标签:Web开发
    前言 一个触屏网站到底和传统的pc端网站有什么区别呢,交互方式的改变首当其冲。例如我们常用的click事件,在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的,于是,对于触屏的交互式网站,触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。 规范 这里我们介绍几种普及得比较...[ 查看全文 ]
  • Flash和HTML5的比较已经成为现在最热门的主题之一,我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样,除非HTML5在未来几年有一些重大发展,否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。 1. Tunneler 2. JuicyDrop 3. Magnetic 4. Trail 5. Sinuous 6. DDD 7. Ha...[ 查看全文 ]
  • 标签:Web开发
    HTML标签; meta属性Content,name,scheme !DOCTYPE a属性coords,shape, abbr属性 address属性 area属性 article属性 aside属性 audio属性 b属性 base属性 bdo属性 blockquoe属性 body属性 br属性 button属性 canvas属性 caption属性 cite属性 code属性 col属性 colgroup command datalist dd del details dfn div dl dt em embed fields...[ 查看全文 ]
  • 标签:Web开发
    HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了,这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01,XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要,就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进HTML的想法由WHATWG始于2004年且现在还在继续,虽然一些改进的部...[ 查看全文 ]
  • 标签:Web开发
    canvas是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些canvas的应用示例,我们将会在此教程中看到他们的实现。 canvas最先在苹果公司(Apple)的Mac OS X Dashboard上被引入,而后被应用于Safari。基于Gecko1.8的浏览器,例如Firefox 1.5,也支持这个新元素。元素canvas是WhatWG Web app...[ 查看全文 ]
手机页面 收藏网站 回到头部