HTML5 - ITeye技术社区

[Web前端] HTML5学习教程

HTML5应该算是最近Web的大事件了，掌握HTML5对以后的职业生涯绝对有好处，喜欢的收藏吧。 HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML （标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 We ...

html5 网络应用 html web css3

2顶0踩

华寅之南评论(0) 有469人浏览 2013-12-03 09:30

[Web前端] 用像素块遮挡图片的某部分

用像素块遮挡图片的某部分，它可将图像变得不可识别。效果图： HTML5代码： <!DOCTYPE html > <html> <head> <meta charset="gb2312" /> <title>canvas 图片像素化</title> <script type=" ...

html html5 javascript

0顶0踩

128kj 评论(0) 有1296人浏览 2013-11-30 13:57

[Web前端] 一款非常不错的webapp移动前端zeptojs框架

今天去开源中国逛了一圈，看到了这个zeptojs 移动框架，特推荐给各位童鞋好像是国内的非常的不错访问地址，http://shixy.github.io/Jingle/

html5 webapp框架 zepto.js iscoll

0顶0踩

hylxinlang 评论(0) 有937人浏览 2013-11-28 14:11

[Web前端] htm5视差动画

点击这里查看效果requestAnimationFrame.js 文件代码： window.requestAnimFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || wind ...

html5 jquery 动画 javascript css

0顶0踩

ini 评论(0) 有768人浏览 2013-11-22 23:00

[Web前端] 用canvas实现图片滤镜效果详解之视频效果

html5 javascript 图像滤镜滤镜视频滤镜

0顶0踩

ly1989124423 评论(0) 有1198人浏览 2013-11-05 08:19

[Web前端] 用canvas实现图片滤镜效果详解之灰度效果

前面展示了一些canvas实现图片滤镜效果的展示，并且给出了相应的算法，下面来介绍一下具体的实现方法。前面介绍的特效中灰度效果最简单，就从这里开始介绍吧。 1.获取图像数据 img.src = ’http:

html5 canvas 图像滤镜滤镜灰度滤镜

0顶0踩

ly1989124423 评论(0) 有2134人浏览 2013-11-04 08:16

[Web前端] 用canvas实现图片滤镜效果

1.灰度效果图片过滤效果之灰度效果算法及原理： .299 * r + .587 * g + .114 * b;

html5 canvas 图片滤镜

0顶0踩

ly1989124423 评论(0) 有1248人浏览 2013-10-30 11:46

[Web前端] jQuery实现HTML5时钟

查看效果：http://keleyi.com/keleyi/phtml/html5/17.htm jQuery实现HTML5时钟，有日期，请使用支持HTML5/CSS3的浏览器查看。 HTML文件代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...

html5 jquery web css3 javascript

0顶0踩

ini 评论(2) 有1346人浏览 2013-10-28 11:36

[Web前端] 基于Html5的爱情主题网站–表白神器(第二版)

第二版在第一版的基础上增加了一个动态3D的白云效果背景，鼠标悬浮在页面上云朵会向屏幕Z轴方向运动，在第一人称视角看来向着云朵方向前进的，由此形成一个伪3D效果。有点绕，直接看demo就能理解了。3D白云效果是基于threejs框架做的。

3D html5 表白神器动态云朵 thresjs

1顶3踩

ly1989124423 评论(3) 有2232人浏览 2013-10-17 08:19

[Web前端] 基于Html5的爱情主题网站–表白神器

介绍一个基于基于Html5的爱情主题，文字采用打字机效果，逐字打印，并带有键盘敲击声音。在chrome,safari,firefox,IE10下都有效，chrome下效果最佳。要注意的是safari下不支持audio标签属性没有声音效果（暂未解决）。技术要点文字效果采用本地化字体 @font-face 动态的心型用到的是HTML5的canvas 打字机声音效果采用HTML5的aud ...

html5 主题爱情表白神器

2顶3踩

ly1989124423 评论(0) 有1862人浏览 2013-10-16 08:15

[Web前端] 由html5视频播放引发的总结

前言项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。视频结构本该直接介绍html5的<video>的，但鉴于本人对视频结构的模糊，先简单了解一下： ...

html5 video 视频

1顶2踩

ayaoxinchao 评论(0) 有8037人浏览 2013-10-14 15:43

[Web前端] 各司其职的标签

各司其职的标签使用HTML5，开发者有了更多的HTML元素可以选择来构建页面的语义。很多新元素的引入是为了更加准确地标记、定义和组织内容。理解在何时何处使用这些HTML元素是构建有逻辑性的结构、符合标准并且语义丰富的网页的基础。本文将概括性地介绍HTML5的元素，包括新增的和继承自HTML 4.01的元素。你也许认为这是一件乏味的事！毕竟，有一本800页以上的标准（2011年7月的WHA ...

html5

0顶1踩

博文视点Broadview 评论(0) 有974人浏览 2013-09-02 11:18

[移动开发] HTML5游戏开发进阶指南

《HTML5游戏开发进阶指南》基本信息作者： (印)香卡(Shankar,A.R.) 译者：谢光磊出版社：电子工业出版社 ISBN：9787121212260 上架时间：2013-8-26 出版� ...

游戏 html5

0顶2踩

china-pub2010 评论(0) 有1306人浏览 2013-08-27 17:26

[Web前端] 一学即会—用HTML5和CSS3创建一个联系人表单

今天，我们来学习一下如何用HTML5和CSS3创建一个简单的contact form，并提供代码下载。虽然许多WordPress插件可以马上安装和使用功能齐全的contact form，但是很多人还是倾向于有个独特的风格和漂亮的界面。因此，今天教程的重点是如何创建，至于喜欢什么风格，你可以使用CSS3来实现。网上有很多类似的教程，但它们都不是用HTML5来实现的，大部分都是基于HTML4或是XH ...

html5 css wordpress xhtml html

2顶6踩

shinepaopao 评论(0) 有1583人浏览 2013-08-18 10:24

[Web前端] 给设计师提供的十大无代码网站编辑器

日期：2013-8-15 来源：GBin1.com 你是否无时不刻都想拥有自己的网站？但是没有时间去学习编码，你也没有真正的去聘请专业人士。我敢保证有很多人想法跟你一样。如今网络上呈几何基数倍增的网站，但不可能每个人都去学怎样编码，那么解决方案是什么呢？答案就是无代码网站编辑器。它能使网站建设如同图形编辑一样简单，让设计师设计的过程更加轻松简便，因为他们再也不需要编程了。有了这个新类 ...

编辑器无代码网站 html 网站模板 html5

0顶0踩

tyygming 评论(0) 有1062人浏览 2013-08-16 14:19

[Web前端] Html5-那些游戏是如何开发出来的（文档+电子书+视频）

HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML5有两大特点：强化了 Web网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。当然，对于广大的游戏玩家来说Html5的神秘性 ...

html5 游戏

0顶3踩

nws011204 评论(0) 有1160人浏览 2013-07-30 14:13

[Web前端] HTML5 canvas 内部元素事件响应

Note: 本文的逻辑主体参考自：http://www.xyhtml5.com/html5-canvas-event-handler.html，但是由于原文有较多小错误且没有最终代码，本文将之改正，添加了一个实例� ...

HTML5 Canvas 内部事件响应

1顶0踩

bz5811 评论(1) 有20331人浏览 2013-07-17 05:44

[移动开发] Web设计/开发技巧、脚本及资源总结

工具&Web应用13个可能会让你说”Thank You”的必不可少的开源应用14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我

css 移动互联网开发 html5

1顶1踩

hylxinlang 评论(0) 有1013人浏览 2013-07-16 10:08

[Web前端] 使用HTML5画布（canvas）生成阴影效果

日期：2013-7-12 来源：GBin1.com 使用HTML5的画布特性，我们可以创建图形，在这片文章中，我们将创建图形的阴影。 var canvas = document.getElementById('shadowcanvas'); var ctx = canvas.getContext('2d'); ctx.save(); ctx.fillStyle ...

html5 阴影效果特效画布效果 canvas

1顶0踩

tyygming 评论(0) 有1087人浏览 2013-07-12 13:37

[移动开发] Phonegap环境搭建Android版

1.到官网下载Android的jar包和需要的文件,phonegap的官网都知道吧。2.新建Android工程。3.把jar包拷贝到libs目录下，xml文件夹拷贝到res目录下，记住不是xml文件。4.在AndroidManifest.xml文件下添加你想要的权限。5在assets目录下建一个app文件夹，拷贝你的html文件到下面。6.用Activity继承DroidGap来加载页面：pack ...

Phonegap 移动互联网开发 html5

1顶3踩

hylxinlang 评论(0) 有991人浏览 2013-07-11 13:21

[Web前端] js 象棋游戏 _ 支持双方在线对战

说明：实在对不住诸位，的确是我弄错了，views/index.ejs里的对 socket.io.js的引用使用了我本地的绝对路径，需要修改为<script src="/socket.io/socket.io.js"></script>即可，对此我重新打了个包。再次歉意！！！上周做了javascript版的象棋游戏【详见 js 写中国象棋 ...

中国象棋 js socket nodeJS html5

13顶9踩

逐行分析JS源代码评论(42) 有10172人浏览 2013-07-09 08:08

[Web前端] 前端开发攻城师绝对不可忽视的五个HTML5新特性

日期：2013-7-2 来源：GBin1.com HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。作为未来前端开发技术的潮流和风向标，HTML5绝对不容忽视。在今天这篇技术分享文章中，我们将介绍几个HTML5的重要特性，能够帮助你提高整个web应用的使用体验和开发效率，相信大家会 ...

html5 html5新特性正则表达式新特性前端开发

0顶1踩

tyygming 评论(0) 有922人浏览 2013-07-02 09:34

[移动开发] 网易游戏服务器开发框架 Pomelo

pomelo 是由网易开发的基于node.js开发的高性能、分布式游戏服务器框架，也可作为高实时web应用框架。 Pomelo的应用范围 pomelo最适合的应用领域是网页游戏、社交游戏、移动游戏的服务端，开发者会发现pomelo可以用如此少的代码达到强大的扩展性和伸缩性。当然还不仅仅是游戏，很多人断言未来的web时代是实时web应用的时代，我们发现用pomelo开发高实时web应用也 ...

html5 node.js 游戏

0顶0踩

hylxinlang 评论(1) 有2623人浏览 2013-06-18 20:22

[Web前端] 可视化查看浏览器特性支持的网站应用 - btoe.ws

日期：2013-6-7 来源：GBin1.com btoe.ws是一个可以帮助你更加直观的查看不同浏览器特性兼容性的网站应用，你可以很直观的通过选择浏览器支持特性来查看不同浏览器针对特定特性的支持情况，绿色代表支持，红色代表不支持。生成的图形将会非常详细的列出不同浏览器不同版本的支持情况！你可以选择如下类别来查看相关特性： CSS CSS3 HTML5 HTML DOM ...

分享 CSS3 HTML5 web在线工具 SVG

0顶4踩

tyygming 评论(0) 有904人浏览 2013-06-07 09:29

[移动开发] 蘑菇游戏_熊碰撞边界处理

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src ...

html5 游戏蘑菇游戏_熊碰撞边界处理

0顶4踩

hylxinlang 评论(0) 有918人浏览 2013-06-06 16:14

[Web前端] 支持Lazy loading的图片画廊jQuery插件 - Least.js

日期：2013-6-3 来源：GBin1.com 在线演示 Least.js是一个jQuery开发的图片画廊，可以用来展示Pininterest风格的图片布局，它将无需的列表项目通过随机方式来加载。如果你点击任何图片的话，并不显示一个更大版本的图片，而是滑动其它的图片，在顶端生成更大的图片，类似Google图片搜索风格。这个插件使用HTML5/CSS3的特性并且支持响应式的布局。 ...

分享 jQuery CSS3 HTML5 js图片特效

0顶1踩

tyygming 评论(0) 有1085人浏览 2013-06-03 09:20

[移动开发] Cocos2D-X游戏开发技术精解

《Cocos2D-X游戏开发技术精解》基本信息作者：刘剑卓出版社：人民邮电出版社 ISBN：9787115314840 上架时间：2013-5-30 出版日期：2013 年5月开本：16� ...

游戏 html5

0顶0踩

china-pub2010 评论(0) 有1049人浏览 2013-05-31 17:01

[Web前端] 使用HTML5的Canvas画布来剪裁用户头像

日期：2013-5-23 来源：GBin1.com 本文来自极客标签社区用户webgeek的一个在线HTML5web开发小技巧，帮助你使用html5的画布功能来切割用户上传的大头照。在线调试例如需要剪裁的图片如下：用来处理大头照的JS代码如下： var canvas = document.getElementById('myavatar'); var context = ...

HTML5 分享 canvas

0顶7踩

tyygming 评论(0) 有1007人浏览 2013-05-23 13:09

[Web前端] HTML 5标准中最新引入的template标签介绍

现在，W3C没闲着，2013年5月，新的标准中，又引入了新的标签template模板，具体标准见：https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html#template-element 下面综合进行小结下，供各位学习首先，服务端的模板是不少了，大家也用的不少，现在其实就是客户端的模板，先 ...

html5

2顶1踩

jackyrong 评论(0) 有14625人浏览 2013-05-22 21:02

[Web前端] 支持触摸设备的响应式HTML5音频播放器 - AudioPlayer.js

日期：2013-5-22 来源：GBin1.com 在线演示如果你希望开发一款支持响应式的HTML5播放器的话，AudioPlayer.js是一个不错的选择。它使用HTML5的audio标签帮助你生成一个支持响应式的音频播放器，不使用任何embed代码，图片或者flash，完全使用CSS定义界面。压缩后的大小只有4KB。主要特性响应式触摸式自适应 HTML5音频的本 ...

jQuery 分享 HTML5 HTML5播放器

0顶7踩

tyygming 评论(0) 有596人浏览 2013-05-22 08:48