html5
-
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
在今天的课程中,我将向大家介绍如何使用css3创建3d的立方体,操作方法为:上下左右键,实现立方体的翻转旋转效果,特酷,本人看后,目瞪口呆,值得收藏于参考...
-
HTML5本地存储之Web Storage应用介绍
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB,感兴趣的朋友可以了解下...
-
HTML5本地存储之Database Storage应用介绍
实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLLite数据库比较熟悉...
-
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
在canvas中当在canvas上写width和height时为canvas的实际画板大小,默认情况下width为300px,height为150px,接下来详细介绍,感兴趣的朋友可以参考下...
-
html5中canvas学习笔记2-判断浏览器是否支持canvas
判断浏览器是否支持canvas,本人搜集整理了一些使用方法,感兴趣的朋友可以了解下...
-
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
今天读了篇关于如何使用css3创建3d四面体的文章,觉的相当不错,所以拿出来和大家分享一下,如何使用div+css创建三角形。在这里我先把相关代码粘贴出来,然后再为大家讲解原理...
-
html5构建触屏网站之网站尺寸探讨
html5构建触屏网站之网站尺寸分为两个部分,第一部分讨论跨平台网站的可行性,第二部分讨论viewport是如何设置的,感兴趣的朋友可以参考下...
-
html5构建触屏网站之touch事件介绍
手机上的大部分交互都是通过touch来实现的,于是,对于触屏的交互式网站,触摸事件是相当重要的,这里我们介绍几种普及得比较好的触摸事件,你可以在绝大多数现代浏览器中来测试这一事件必须是触屏设备哦,感兴趣的朋友可以了解下哦...
-
在html5的Canvas上绘制椭圆的几种方法总结
HTML5中的Canvas并没有直接提供绘制椭圆的方法,下面是对几种绘制方法的总结。各种方法各有优缺,视情况选用。各方法的参数相同,感兴趣的朋友可以参考下...
-
html5指南-7.geolocation结合google maps开发一个小的应用
今天我们将把html5的geolocation结合google maps开发一个小的应用,感兴趣的朋友可以了解下,如有不足,愿大侠给予指教...
-
html5指南-6.如何创建离线web应用程序实现离线访问
今天我们的内容是关于如何创建离线web应用,他的好处是可以让浏览器下载我们指定的web资源,这样用户在离线状态下也能正常使用我们的站点...
-
html5指南-5.使用web storage存储键值对的数据
本节课的内容是介绍web storage,使用它在浏览器里存储键值对的数据,功能上像以前的cookie一样,不过他更好,存储的数据可以更大感兴趣的朋友可以了解下哦...
-
html5指南-4.使用Geolocation实现定位功能
今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象,感兴趣的朋友可以了解下...
-
html5指南-3.如何实现html元素拖拽功能
本文的内容是关于在html5中如何实现html元素拖拽功能。在html5之前要实现拖拽,需要借助js,现在html5内部就支持了拖拽的功能,但是要实现稍微复杂的功能还是少不了js的帮忙...
-
html5指南-2.如何操作document metadata
今天的内容是关于如何操作document对象,一些新手朋友可能对此很陌生,接下来本文详细介绍下,感兴趣的朋友可以了解哦...
-
html5指南-1.html5全局属性(html5 global attributes)深入理解
一个元素可以定义自己的属性,比如a标签定义href属性,这种叫局部属性(local attribute)。相对应的我们可以通过全局属性(global attribute)为所有元素设置共有的行为,当然你也可以为单独元素设置全局属性,只是这样做没有太大的意义...
-
html5 canvas-1.canvas介绍(hello canvas)
大家都知道,目前并不是所有的浏览器中支持html5,就算是支持html5的浏览器,也不见得支持html5所有的新特性,建议大家使用firefox(开发者的最爱)或者是chrome浏览器,我所有的例子都是基于firefox开发的...
-
html5 canvas-2.用canvas制作一个猜字母的小游戏
今天我们要用canvas制作一个猜字母的小游戏,游戏设计很简单,系统会随机从a-z的26个字母中选择一个保存起来,你键盘输入一个字母,系统会提示你正确字符比你当前输入字母小还是大,直到你输入正确的字母游戏才结束,感兴趣的朋友可以了解下...
-
几个解决兼容IE6\7\8不支持html5标签的几个方法
html5大行其道的时代已经到来,如果还在纠结于,是否应该掌握html5和css3技术时,请狠狠的抽自己几个嘴巴,然后,苦学吧!下面我们来看几个解决兼容IE6\7\8不支持html5标签的几个方法...
-
使用html5+css3来实现slider切换效果告别javascript+css
提到slider,过去一直都是用css+js来配合实现相关的切换效果。听过大家一直讨论使用html5+css3的实现方式,自己却一直没有动手实现过。好吧,这次我有时间来玩下css3了,感兴趣的朋友可以了解下哦...
-
html5 Canvas画图教程(1)—画图的基本常识
Canvas,意为画布也。而Html5中的Canvas也真的跟现实生活中的画布非常相似。所以,把他看成一块实实在在的画布可以加快理解;如果你想学习Canvas画图,你必须要有Javascript基础,不多说了,切入正题...
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
在学画画的时候,线条是最基本的了,而线条的连接可以组成任何图形。在Canvas中也是如此,接下来为您详细介绍最简单的线条的画法...
-
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
上次我们讲到,canvas有时候会出现1像素的线条模糊不清且好像更宽的情况,这样的线条显然不是我们想要的。这篇文章的目的就是弄清楚里面的原理,以及解决它,感兴趣的朋友可以了解下哦...
-
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
一般绘图的方式有两种,即填充和描边,前面的文章已经讲了描边的方法stroke,本文就讲一下Canvas中填充图形的方法...
-
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
anvas里画曲线的难点之一,就在于他连曲线的函数就有4个!分别是arc,arcTo,quadraticCurveTo,bezierCurveTo.我从最简单的arc方法讲起吧,感兴趣的朋友可以了解下哦...