炫意html5
最早CSS3和HTML5移动技术网站之一

HTML5教程

第3页

HTML5之Geolocation API、如何获取女神地址

在HTML5中为window.navigation新增了一个geolocation属性,可以通过getCurrentPosition获取到当前地理位置信息,本文用实例初探geolocation API,让我们去获得女神地址吧!

移动浏览器内核

Android和iOS上使用的浏览器内核都是WebKit内核,UC 的U3内核和QQ的X5内核都是在开源的WebKit基础上修改的,或者说是WebKit内核的分支版本。浏览器使用的WebKit版本可以在UserAgent中查看。 如: Mo...

Web Worker介绍、js调试及浏览器兼容实现

这几天主要围绕webworker的实现来了。所以也下了点功夫,主要是对webworker的介绍/实现原理/调试几个方面进行了不算深入的了解,并最终成功封装了自己的跨浏览器webworker模块。虽然还比较粗糙,但是已经具备了基本功能,可以让...

HTML5之window.postMessage API

window.postMessage是一个鲜为人知的HTML5 API。 window.postMessage允许两个窗口/帧之间跨域发送数据消息。从本质上讲,window.postMessage是一个跨域的无服务器垫片的Ajax...

HTML5 video 跨浏览器兼容的方法

一个超简单的HTML5 video 跨浏览器兼容的方法。在网页中使用HTML5 video功能,按照原来正 flash 引入方法,写进 video 标签,实跨浏览器兼容 video 功能的使用。

HTML5 Canvas 的事件处理

前端常用的dom方法在canvas点击事件里是不适用的。点击Canvas里的元素,实际点击的是整个Canvas元素。本文详述了HTML5 Canvas事件处理技术,canvas的限制、如何给Canvas元素绑定事件、Canvas的isPoi...

一行HTML5代码引发的创意大爆炸

一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器。这件事在分享到Code Wall、Hacker News之后,引起了众多开发者的注意,纷纷发表了自己的创意。

HTML5之美

如今大热的HTML5到底美在哪里?HTML5到底能为实际的移动开发带来哪些改变?来自阿里云云手机服务运营部的前端开发工程师廖健分享了他眼中的HTML5之美,主要讲诉HTML5的常见原理并从CSS、JavaScript和框架三个方面做了细致讲...

你必须知道的28个HTML5特征、窍门和技术(3)

如果我们没有方法检测浏览器是否支持这些属性,这些就不能称之为好的属性。恩,不错的观点,事实上我们是有几种方法的,这里我们讨论2个。第一个是利用优秀的Modernizr库,或者,我们可以创建和分析这些元素,以确定浏览器的能力。例如,在我们前面...

你必须知道的28个HTML5特征、窍门和技术(2)

想象一下,在我的网站的标题,我有我的站点的名称,随后立即由一个副标题。虽然我们可以使用一个h1和h2标签,为其分别创造标记,但是依旧没有(因为HTML4)一个简单的方法来语义上说明了两者之间的关系。此外,一个h2标记的使用提出了更多的问题,...

你必须知道的28个HTML5特征、窍门和技术(1)

我就琢磨着,为了HTML5搞个这厮代码,您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心,如今这是可行的,只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype,就会很简单的以标准模式对包含的标签进行渲染。所...

最好的HTML5编码教程和参考手册分享

今天我们介绍相关HTML5的参考手册,演讲稿,电子书和教程。HTML5是新兴的web技术,虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5,特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发...

云标签,关键字图排版 html5 canvas版

漂亮,惊艳.与传统的云标签的表示力对照,原来的太普通了.给人全新的一种视觉感受. 尔后我的想法例是为何这么有表示力的技术不克不及用在我们现在的项目上?所以我有了去测验考试做这种排版的想法. 现在把一些过程记录,给自己的一种笔记,给其他后...

利用HTML5中Canvas处理并存储图片

HTML5中增加的Canvas元素,配合JS灵活的语法,处理起图片变得异常简单,不需要在客户端用C/C++写一大堆代码,对于熟悉JS的程序员来说,只需要考虑处理图片的逻辑了。 canvas中如果想要处理图片就需要借助ImageData这个对...

开发者必知的HTML5十五大新特性

 HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性。 一起来看下: 1.新的文档类型  (New Docty...

关于HTML5的11个让人难以接受的事实

HTML5为Web开发者提供了很多强大的新特性,但是它的一些特定的限制会让它无法和本地应用匹敌。 HTML5整合进了很多新的特性,并且有可能提升Web编程模式。和每一个阅读技术资讯的人所知道的一样,没有任何一样东西能像HTML5对互联网造成...

WebGL Christmas Demo

12月20日,Oak3D Team释出了他们为2011年圣诞节制作的圣诞Demo。他们在文章中写道,即将过去的这一年对于WebGL开发者来说是不同寻常的一年,在过去的日子里,每天我们早上醒来几乎都可以看到WebGL的新东西,就和大家普遍认为...

HTML5实验:JavaScript模拟流体效果

把现实世界当中的物体模拟到计算机当中,一些简单的物理实验、碰撞旋转等等难度还是不算很大,难度较大的应当算流体模拟。 本文将在Canvas当中模拟出一个2D平面内的水珠,涉及的知识点和技巧包括:Jscex基础知识,贝塞尔曲线的绘制,合理利用...

学习HTML5不可错过的12家国外网站

HTML5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML5平台上,视频、音频、图象、动画以及同电脑的交互都被标准化。对于广大开发人员和设计...

CSS3教程HTML5教程