HTML5 - ITeye技术社区

[Web前端] HTML5和android等开发平台的使用及搭建环境

对HTML5期待很久了，今天有时间也有机会接触一下了，和以前的html4的还是有很多的改变。因为到目前为止html5一些标签对浏览器的支持还不是很完善。但是，开发前景很大，这里先说下起在android上的搭建环境及简单的一个demo! 有过web 及css.js基础的朋友们，刚开始学习起来很容易的！ 1.准备eclipse 2.sdk 3.adt 前面三个做android开发第一天的同志们 ...

html5 web 浏览器

0顶0踩

JavaEEdyc 评论(0) 有1650人浏览 2012-04-23 00:05

[Web前端] jquery右下角弹窗效果

复制代码保存到txt文本，改后缀为.html。注意引进两个js文件。jquery.js可以到官网下，jquery.messager.js我上篇博文发了，可以下载。 [html] view plaincopy

html5

2顶0踩

xpp02 评论(1) 有2856人浏览 2012-04-20 20:24

[Web前端] html5中div、section、article的区别

1 div 本身没有任何语义，用作布局或样式化。当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。 2 section 与 div 的无语义相对，简单地说 section 就是带有语义的 div 了。 section 不仅仅是一个普通的容器标签，section 表示一段专题性的内容，一般会带有标题。当元素内容明确地出现在文档大纲中时，secti ...

html5 section article

0顶0踩

jjklmm 评论(0) 有960人浏览 2012-04-19 08:49

[Web前端] html5之文件api

这篇主要是探讨一下HTML 5的文件API 1、FileList对象与file对象 FileList对象表示用户选择文件的列表，在HTML 5中，加了multiple属性，file控件允许放置多个文件。控件内的每一个用户选择的文件都是一个file对象 FileList对象是这些file对象的列表 file对象有两个属性：name属性表示文件名，不包括路径 | ...

html5 file

1顶0踩

zhangyaochun 评论(0) 有1787人浏览 2012-04-16 20:42

[Web前端] HTML5语法变化

最近一直看《HTML5 与CSS3权威指南》，其实前面自己零散地写了一部分html技巧相关的。从这篇开始我会参照此书，进行一些知识系统地整理和学习。 1、HTML 5的标记方法从HTML5开始，对于文件的字符编码推荐使用 UTF-8 2、可以省略标记的元素在HTML5，元素的标记可以省略。不允许写结束标记的元素：area、base ...

html5

0顶0踩

zhangyaochun 评论(0) 有2123人浏览 2012-04-15 14:46

[Web前端] 一步步学习HTML5 - Canvas 教学

第一步，定义和用法我们先来简单的介绍一下 Canvas的概念 <canvas> 标签定义图形，比如图表和其他图像。 <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。再简单的说 canvas 标签就是在web页面上面画图，相当于java swing的draw2d,不过要区分清楚，这个可是在web页面上.. 第二步、c ...

html5

1顶0踩

mixer_b 评论(0) 有2711人浏览 2012-04-10 21:52

[移动开发] HTML5，缔造Web移动应用开发的未来

“感觉HTML5比上一代的HTML更灵活、更生动、更有趣，更贴近我们的生活。” 　　“HTML5不仅在改变Web开发的标准，也在改变我们的各种终端数码设备。” 　　“不管你是否喜欢HTML5，它都是代表着未来的发展趋势。” 　　…… 　　在这个新技术日新月异的创新时代，HTML5像是一匹黑马，横空出现在开发者们的面前。于是，业界对HTML5的热议悄然兴起。尽管 ...

html5

0顶0踩

jjklmm 评论(0) 有1337人浏览 2012-04-10 09:01

[Web前端] HTML 5中在客户端验证文件上传的大小

在HTML 5中，现在可以在客户端进行文件上传时的校验了，比如用户选择文件后，可以马上校验文件的大小和属性等，这其实时得益于浏览器端新增的对文件的校验能力，其中支持HTML 5的浏览器，都会实现W3C实现的文件API标准，其中可以读取客户端文件的各种信息和参数。下面的例子如下，首先是HTML 界面端的 <input type="file" data- ...

html5 jquery

2顶0踩

jackyrong 评论(0) 有6244人浏览 2012-04-07 16:40

[Web前端] （译）开发第一个Html5游戏（二）

开发第一个Html5游戏（二）今天我们继续学习Html5系列游戏开发，我们会在第一章的基础上做一些扩展，加入颜色渐变、绘制文本、自定义文本样式、以及动画，我们还将学习UI中一个非常重要的元素，按钮。我们的上一篇文章: （译）开发第一个Html5游戏（一） . JS代码：（完整代码请看文章结尾链接） var canvas, ct ...

Web Html5 开发翻译

0顶0踩

gutou9 评论(0) 有1096人浏览 2012-04-06 20:25

[Web前端] HTML5 CSS3 脚本库总结

啥都不说了，具体的介绍及使用就去 Google 吧。我在这里就是列出一出以后可能会用到的脚本库：（重点不是这些库如何使用，而是知道有这些库） 3D 引擎 three.js 代码： https://github.com/mrdoob/three.js 演示： http://alteredqualia.com/three/examples/webgl_cars.html http://alteredq ...

html5 css3 3d WebGL javascript

0顶0踩

yhz61010 评论(0) 有1945人浏览 2012-04-06 15:32

[Web前端] （译）开发第一个Html5游戏（一）

开发第一个Html5游戏 – 1 今天我们开始用Html5开发游戏，在第一章里，我们将主要介绍基础知识 - 使用 canvas, 一些简单的对象，填充函数，以及一些鼠标事件处理。虽然类似WebGL 制作3D等高级功能会放到以后而不是本章，但本章的内容比较基础，所以请不要忽略本章的学习。本章我们会画一些基本的图形，并为这些图形添加可拖动的功能，我们还会实现这些图形的半透 ...

Web Html5 开发翻译

0顶0踩

gutou9 评论(0) 有1254人浏览 2012-04-06 14:24

[Web前端] HTML5基础教程收集整理精华一

HTML5标签使用的常见误区http://www.xinran001.com/bbs/thread-73344-1-1.html如何在 IE 中使用 HTML5 元素http://www.xinran001.com/bbs/thread-71761-1-1.html在IE中使用HTML5功能需要注意的几点http://www.xinran001.com/bbs/thread-71953-1-1.ht ...

HTML5 HTML5教程 HTML5基础教程

0顶1踩

xinran001 评论(1) 有1196人浏览 2012-04-05 08:47

[Web前端] jWebSocket使用指南

1、先讲讲HTML5的WebSocket HTML5规范中提供了WebSocket技术，替代了之前的ajax实现消息通信的方法。 WebSocket协议，简称WS（WSS-Secure），可以支持客户端-服务端任意消息推送，支持跨域（AJAX跨域会有问题），可降低系统开销及复杂性。网上已经有很多关于WebSocket的介绍，这里不再重复。以下是WebSocketAPI的使用说明 ...

HTML5 WebSocket

3顶0踩

alex.Lin 评论(9) 有9444人浏览 2012-03-28 10:38

[Web前端] html5 中新的naturalWidth和naturalHeight属性

在HTML 5中，新增加了两个用来判断图片的宽度和高度的属性，分别为 .naturalWidth 和naturalHeight属性，例子如下： var rw = myimage.naturalWidth; // 真实图片宽度 var rh = myimage.naturalHeight; //真是图片高度但有个前提是，必须在图片完全下载到客户端浏览器才能判断，，目前在ie 9,Firef ...

html5

2顶1踩

jackyrong 评论(0) 有20745人浏览 2012-03-27 16:42

[Web前端] jPlayer - 一个HTML5音频/视频媒体库

jPlayer是用JavaScript编写并完全免费和开放源码（ GPL/MIT ）的媒体库，一个jQuery插件，jPlayer让您迅速编写跨平台的音频和视频到您的网页。 jPlayer广泛的API允许您创建创新的媒体解决方案，而且jPlayer的活跃和成长社区提供了支持和鼓励。 jPlayer简介

jquery html5 javascript

0顶0踩

ialy_2000 评论(0) 有4885人浏览 2012-03-23 14:21

[Web前端] Canvas做游戏实践分享(十一)

7 缓冲和弹跳下面我们来介绍一下很常用的缓冲和弹跳的处理。在我们实现复杂运动时，这两种技术会处理大多种的情况。缓冲与弹跳非常均是用来处理将一个对象从已知起点移动到给定终点的技术——缓冲是指对象滑动到目标位置并停止，而弹跳是指对象做有摩擦力的弹簧振子运动。它们有一些共同点：已知初始位置与目标位置运动参数与距离成正相关具体原理是缓冲的速度大小与距离成正相关，而弹 ...

HTML5 Canvas 动画 easing game

1顶0踩

blessdyb 评论(0) 有2395人浏览 2012-03-19 14:59

[移动开发] Make an TWaver HTML5 iPhone App

构建iOS App有很多技术方式可以选择，本文介绍基于UIWebView的Cocoa Touch组件嵌入HTML页面的方式实现的一个iPhone App例子。文中将穿插iOS的基本内容，TWaver HTM ...

twaver iphone app HTML5

0顶1踩

TWaverGeek 评论(0) 有1814人浏览 2012-03-16 17:45

[Web前端] HTML5 - Canvas绘图基础

在html5中脉凌网络蔡明觉得最重要的就是引入了Canvas，使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。之前对于canvas的研究不多，收集了一些基础知识和大家一起来学习学习： <canvas id="myCanvas" width="600" height="300"& ...

HTML5

0顶0踩

cx361 评论(0) 有105人浏览 2012-03-14 18:24

[移动开发] phoneGap可行性分析

1 移动应用现状移动应用产品往往常常考虑多个平台的支持.单一平台很难保证应用的覆盖面或者换句话说就是用户群体的量和持续的活跃性上从长期的角度而言往往存在短板.另外从开发的角度而言.多平台的支持往往需要建立不同的技术团队.而平台之间开发技术也是完全迥异的. 开发一个具有相同业务的应用Natural-Application需要使用到不同平台的框架和开发语言.使用 C/C++ 的 ...

android phonegap 跨平台 html5

6顶1踩

sunny.liang 评论(14) 有27079人浏览 2012-03-13 17:06

[Web前端] 介绍HTML5中的全屏API

在HTML5中,W3C制定了关于全屏的API,也就是用户可以比如一点某个键, 就可以实现全屏幕的效果,去掉工具栏等,但可惜这个目前只有google chrome 15 , safri(5.1� ...

chrome html html5

3顶1踩

jackyrong 评论(0) 有4304人浏览 2012-03-13 14:14

[Web前端] 用HTML5的本地存储功能

下面的例子展示了在HTML5应用程序中你如何保存数据在客户端本地，使用localStorage属性。 <!DOCTYPE HTML> <html> <head> <title>Using local storage in HTML5</title> </head> <body onload=&qu ...

Html5 javascript

0顶0踩

zlpx 评论(0) 有1141人浏览 2012-03-09 18:43

[Web前端] 看Anychart图表控件如何从flash版本迁移至HTML5版本

　　早在去年9月份的时候，Anychart公司宣布旗下flash图表控件Anychart 6.0版本支持HTML ，本文那么我们就一起看看如何将anychart图表迁移到新的HTML版本的Anychart。　　注：尽管已经集成了HTML 5版本，但是HTML5支持仍处于测试阶段，因此并不是所有图表类型和功能都可用，并且HTML 5版本中的所有图表的外观与Flash版本不完全相同。 ...

Anychart 图表 flash图表 HTML5 JavaScript图表

0顶1踩

zhuhm 评论(0) 有132人浏览 2012-03-01 11:14

[Web前端] HTML5拖拽上传文件,chrome文件夹上传

最近被安排做一个拖拽上传和文件夹上传的功能，不考虑兼容性，哈哈这个可以用HTML5实现。这里就不仔细学习HTML5，我只是想找例子，然后偷过来用，至于原理边用边学。首先这里有一个很好的实例实现拖拽上传：http://blogs.sitepointstatic.com/examples/tech/filedrag/1/index.html 仔细看完估计原理你也会懂的。然后是文件夹 ...

HTML5 拖拽上传文件夹上传

2顶0踩

xiaoshenge 评论(4) 有21716人浏览 2012-02-23 16:50

[Web前端] html5shiv让IE支持HTML5

我们在实际开发过程中会为了确保所有新的HTML5元素能以block元素正确渲染，我们会定义： header,footer,article,section,nav,menu,hgroup,aside{ display:block; } 但是IE会忽略这些样式，原因很简单，低版本的IE不识别这些标签，那我们咋做呢？其实原理还是比较简单的! docu ...

html5 html5shim

1顶0踩

zhangyaochun 评论(2) 有7508人浏览 2012-02-22 10:40

[移动开发] Construct 2 入门

网上无数介绍HTML5游戏开发工具的，免费的不多，Construct 2算是不错的工具。100个事件以下免费，学习也够用了。真超过这些付费买的话，应该也都很熟悉了。查了Nd多文章，只有介绍Construct 2的，怎么用的还没翻译，没就没吧，好在英文文档很多。这周末就研究了一下Construct 2, 视频教程根本没的看, 你懂的, 官网上有很多文章教程。入门其实就看那篇初学者入门导航 ...

游戏 html5 construct2

0顶0踩

zdsdiablo 评论(0) 有13945人浏览 2012-02-19 17:33

[Web前端] HTML5 中捕捉视频的小TIPS

今天发现一段不错的HTML 5小TIPS,主要是在支持HTML 5的浏览器上, 在播放视频时,可以点按钮,而把当前帧的图象CUT到一个canvas中去,下面上代码: var videoId = 'video'; var scaleFactor = 0.25; var snapshots = []; /** * Captures a image frame from the pr ...

html5 canvas

2顶1踩

jackyrong 评论(0) 有2282人浏览 2012-02-17 13:02

[Web前端] Canvas做游戏实践分享(十)

6 用户交互——移动物体游戏的核心在于交互，很多时候需要用户动手来操作游戏对象，很基本的一个操作就是移动物体。接下来我们会介绍如何拖动物体，在画布上扔物体等。 6.1 选择与释放对象使用鼠标对物体的拖拽操作主要有三个步骤——鼠标进入物体范围并按下，鼠标移动及鼠标释放。这涉及到三个鼠标事件：mousedown,mousemove,mouseup。我们按 ...

canvas html5 javascript drag games

2顶2踩

blessdyb 评论(4) 有4287人浏览 2012-02-17 07:17

[Web前端] Canvas做游戏实践分享(九)

反弹反弹的处理原理很简单，在运动对象碰到边界后，我们将其放置到与边缘紧貼的位置，之后将其方向反向即可（因为边界是水平或竖直的 ...

javascript canvas html5 games 速度

1顶1踩

blessdyb 评论(0) 有1923人浏览 2012-02-16 00:38

[Web前端] Getting started with HTML5(整理)

1 背景 2008年正式公布，略 2 HTML5新特性 2.1 离线应用（使用应用缓存）AppCache 2.1.1 定义 application cache：应用缓存/离线存储将

html5

1顶1踩

alex.Lin 评论(0) 有1498人浏览 2012-02-15 11:41

[Web前端] Canvas做游戏实践分享(八)

5.边界控制与摩擦力在大多数的游戏设计中，会有环境边界控制来帮助我们保证画布中的对象在运动的过程中不会脱离画面。同时，对象的运动环境很少会是真空的情况，所以就会存在着摩擦力阻碍物体的速度变化。 5.1 环境边界控制如果我们关注的运动对象在移动的过程中消失在了视窗之外，我们有两大类的选择：一种是将对象重新移动到当前的视窗中或者不再关注此对象，另一种方式是使当前的 ...

canvas JavaScript html5 games

1顶0踩

blessdyb 评论(0) 有1921人浏览 2012-02-14 23:57