html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改，包括HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改进，性能得到进一步提升
- ECharts-基于HTML5 Canvas的JavaScript图表库图文详解ECharts开源来自百度商业前端数据可视化团队，基于html5Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。ECharts(EnterpriseCharts商业产品图表库)提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，..
- 超级炫酷的HTML5 Canvas网络画板代码示例详解在今天的HTML教程里，我们要学习一下如何使用HTML5Canvas实现一个超酷而又简单的网络画板功能。在这个教程中，我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色，当然作为画板还需要很多功能，这里只是最基本的绘制功能，大家可以自己实现类似矩形、椭圆等复杂元素的绘制。你也可以再这里查看DEMO演示下面我们来简单地分析一下实现这个HTML5网页画板的原理及代码，代码由HTML以及Javascript组成，主要还是Javascr..
- 20个非常绚丽的HTML5/CSS3应用插件的详细介绍（图）基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。1、HTML5视频破碎重组特效强大视觉冲击HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视觉冲击。点击视频任意地方，HTML5将会将这些区域击碎，过一段时间，这些被击碎的视频碎片又将自动重新组合。是一款非常不错的HTML5视频..
- HTML 5.1 — 14 项新增特性及使用示例代码详解（图）HTML5属于万维网联盟(W3C),这个组织为整个网络界提供了标准，如此形成的协议可在全世界通行。在2016年11月，W3C对长期行使的HTML5标准进行了更新，它是2年内的第一次小更新。许多最开始提出的HTML5.1功能特性都因为设计上的缺陷和缺乏浏览器厂商的支持而去掉了。
- 基于HTML5的Web跨设备超声波通信方案详解前言：Chirp在iPhone上掀起了有声传输文件的序幕，我们再也不需要彩信、蓝牙配对、IM来传送数据。它通过“叽叽喳喳”的小鸟叫声来分享数据，简单有趣，而且可以快速的实现一对多的分享。 此外支付宝曾经试推过“声波支付”，利用手机发送超声波至终端作为交易密码进一步完成交易。然而支付宝的技术目前只是使用在了支付上，而需要可接受声波支付的特定售货机方可使用。 《Advan
- 从HTML5移动应用现状谈发展趋势的详细介绍时光如梭，自2008年HTML5诞生以来已经过去了5年的时间，作为新一代的Web标准，它自问世以来就受到方方面面的强烈关注，也引起了许多争议，支持者因其开放强大的特点而鼓吹它的美好前景，质疑者因其迟迟不能很好落地而怀疑它的实际作用。现在我们从现状入手，以提问的方式针对HTML5在移动平台的发展趋势做一个剖析，使得大家能够从纷繁复杂的信息中对HTML5的未来有更清晰的了解和认识。
- 怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解（一）前言 迪斯尼《FindYourWaytoOZ》这个贴近地气的游戏我在最新一期《程序员》杂志的《从HTML5移动应用现状谈发展趋势》这篇文章里有所提及，它借用了近期上映的《魔境仙踪》电影的设定（设定来自于经典故事《绿野仙踪》，看过这个电影的同学们会深有感触），构建了一个等同的宏大游戏世界。同时迪斯尼又和谷歌合作，把它作为Chrome浏览器性能和HTML5技术的一个showca
- 怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解（二）（接上文）桌面游戏通常创建于一个核心的物理引擎。因此，要在3D世界中模拟一个柔软的物体，需要一个完整的物理模拟器，并且建立一种可信的行为。 WebGL和JavaScript还不能奢华到可以运行一个完全成熟的物理模拟器。因此，在这个游戏中我们必须找到一种方式来创建风的效果。 我们在3D模型中为每一个对象嵌入“风敏度”的信息。3D模型的每个顶点有一个“风属性”，指定顶点应该
- 用HTML5构建高性能视差网站的图文代码详解本文介绍了一种时尚的网站设计方法，以及如何由浅入深的通过HTML5和浏览器渲染机制来构建高性能的站点。 文中多处涉及浏览器重绘和性能优化的原理，也是《Web滚动性能优化实战》的拓展和延续，难度上属于中级进阶，请在阅读前请先看看这篇文章。 介绍 视差网站最近风靡一时，只需看看下面这些站点： OldPulteneyRowtothePol
- HTML5 CSS3专题 纯CSS打造相册效果的示例代码详解今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件：纯CSS3相册效果
- HTML5 CSS3 精美案例 -实现VCD包装盒个性幻灯片的详情哈，首先感谢下w3cfuns的老师，嗯~好了，这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。效果图：图片切换是不是很个性，效果也很不错，大家可以将其使用到自己的网站上。先看下html：<!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtt
- HTML5/CSS3 经典案例-无插件拖拽上传图片（一）form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadify也有基于Html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileReader，XMLHttpRequest等强大的API，为我们拖放实现上传提供了可能。
- HTML5/CSS3 经典案例-无插件拖拽上传图片（二） 上一篇已经实现了这个项目的整体的HTML和CSS：HTML5CSS3经典案例：无插件拖拽上传图片（支持预览与批量）（一）这篇博客直接在上篇的基础上完成，最终效果：效果图1：效果图2：好了，请允许我把图片贴了两遍，方便大家看效果了~可以看出我们的图片的li的html其实还是挺复杂的，于是我把html文档做了一些修改：
- HTML5/CSS3 诱人的实例 -模仿优酷视频截图功能的详解一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas=document.createElement(canvas);_ctx=_canvas.getConte
- HTML5/CSS3专题 CSS3打造百度贴吧的3D翻牌效果的经典案例首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webkit-perspective:800px; perspective
- HTML5/CSS3专题 3D旋转木马效果相册的示例代码本文详细讲解perspective属性的默认值为none，表示无限的角度来看3D物体，但看上去是平的。喜欢的小伙伴可以看一下。
- HTML5/CSS3专题 3D展示商品信息的经典案例强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大家如何做，就当高仿了~首先，先教大家利用CSS3制作一个正方体：在木有CSS
- HTML5/CSS3专题 canvas 模拟实现电子彩票刮刮乐示例代码（图）今天给大家带来一个刮刮乐的小例子~基于HTML5canvas的，有兴趣的可以改成android版本的，或者其他的~效果图：贴一张我中500w的照片，咋办啊，怎么花呢~好了，下面开始原理：1、刮奖区域两个Canvas，一个是front，一个back，front遮盖住下面的canvas。2、canvas默认填充了一个矩形，将下面canvas效果图遮盖，然后监
- HTML5/CSS3 3D立方体旋转动画经典案例前面的3D商品展示中已经说过如何制作正方体，并且那个上面还有数字，理论上说比这个复杂，虽然木有这个炫~这里就不多说了。
- HTML5/CSS3 网页加载进度条的实现，下载进度条等经典案例今天给大家带来一个比较炫的进度条，进度条在一耗时操作上给用户一个比较好的体验，不会让用户觉得在盲目等待，对于没有进度条的长时间等待，用户会任务死机了，毫不犹豫的关掉应用；一般用于下载任务，删除大量任务，网页加载等；如果有使用html5为手机布局的，也可以用于手机中~效果图：1、html结构：
- H5移动端各种各样的列表的制作方法(一)移动端各种各样的列表的制作方法(一)byFungLeo前言随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结》获得了大量的点击量.因此,FungLeo决定,在接下来的时间里,我将围绕移动端,展开一系列的教程.本系列文章的CSS部分,将全部采用SASS语法撰写.如果您不会SASS,建议阅读相关教程
- H5移动端各种各样的列表的制作方法(二)移动端各种各样的列表的制作方法(二）前情回顾在上一篇博文《移动端各种各样的列表的制作方法(一)》中,我们通过两个简单的DEMO,演示了一下在移动端H5中的列表制作.不过,这两个演示还是太简单了.可能大家觉得不过如此嘛.这一章,我们将制作稍微复杂一点点的列表.如果你是先看到的这篇文章,建议您先去上面的链接,把对应的内容给看一下,这样上下文连贯,更容易理解本文的内容.带右箭
- H5移动端各种各样的列表的制作方法详解(三) 前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来,好像还是蛮简单的.这一章,接着深入.如果你是先看到的这篇文章,建议您先去上面的链接,把对应的内容给看一下,这样上下文连贯,更容易理解本文的内容.带小图标的列表上面两章,我们做了一些普通的列表
- H5移动端各种各样的列表的制作方法详解(四)前面三章,都是说一个普通的列表应该如何去实现.难度由易到难,但总的来说,一看就能掌握.这一章,我们来做图文列表.两列的图文列表是非常常见的.在JD\TB等电商移动端H5更是比比皆是.这里,我们先来做一个最简单的.
- H5移动端各种各样的列表的制作方法(五)在第四章中,我们学习了如何来做一个双列的图文列表.但是,这个图文列表是有一定的局限的.局限就是,其中的图片必须为正方形.