HTML5 - ITeye技术社区

[开源软件] 【Python真的很强大】程序Log实时监控

需求构思: 在linux下常常需要查看程序的实时输出,我们用 tail -f logfile 即可在console下实现此需求。现在要拓宽应用: 想在web browser下查看程序（以及日志)的实时输出(也就是程序Log的Web实时监控)。架构构思: 因为考虑了“实时"这个需求，所以初步定位为socket架构; 再因为是构建在web之上，属于web app，所以sock ...

websocket html5 pywebsocketserver

0顶0踩

Ihavegotyou 评论(1) 有7374人浏览 2013-12-10 16:45

[Web前端] 学习：HTML5 游戏《银河系的掠夺》图片加载进度条

游戏来源网址：http://dougx.net/plunder/plunder.html 据网站介绍，这个游戏是用HTML5 Canvas 和Audio对象开发，游戏的第一级（第一关）已完全完成，第二级（第二关）正在开发之中。。。游戏试玩与源码下载：http://www.108js.com/article/article11/b0020.html 试玩第一关后，感觉非常象流行的PC游戏“ ...

html javascript html5 游戏

0顶0踩

128kj 评论(0) 有1614人浏览 2013-12-06 15:21

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) 有1308人浏览 2013-11-30 13:57

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

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

html5 webapp框架 zepto.js iscoll

0顶0踩

hylxinlang 评论(0) 有952人浏览 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) 有1207人浏览 2013-11-05 08:19

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

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

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

0顶0踩

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

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

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

html5 canvas 图片滤镜

0顶0踩

ly1989124423 评论(0) 有1262人浏览 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) 有2242人浏览 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) 有1876人浏览 2013-10-16 08:15

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

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

html5 video 视频

1顶2踩

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

[编程语言] HTML 5 参考手册

HTML 5 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。 HTML 5 中的新特性包括了嵌入音频、视频和图形的功能，客户端数据存储，以及交互式文档。 HTML 5 还包含了新的元素，比如：<nav>, <header>, <footer> 以及 <f ...

html html5

0顶6踩

ling012311 评论(0) 有753人浏览 2013-09-26 10:28

[编程语言] HTML5 中的新特性

通过我们的 HTML 编辑器，您能够编辑 HTML，然后点击按钮来查看结果。实例 <!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src=&quo ...

html5 html 框架

0顶5踩

ling012311 评论(0) 有1003人浏览 2013-09-22 15:26

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

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

html5

0顶1踩

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

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

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

游戏 html5

0顶2踩

china-pub2010 评论(0) 有1320人浏览 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) 有1590人浏览 2013-08-18 10:24

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

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

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

0顶0踩

tyygming 评论(0) 有1072人浏览 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) 有1168人浏览 2013-07-30 14:13

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

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

HTML5 Canvas 内部事件响应

1顶0踩

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

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

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

css 移动互联网开发 html5

1顶1踩

hylxinlang 评论(0) 有1024人浏览 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) 有1099人浏览 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) 有1010人浏览 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) 有10203人浏览 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) 有935人浏览 2013-07-02 09:34

[编程语言] php留言板制作

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial ...

php html5 webapp 留言板

0顶2踩

hylxinlang 评论(0) 有1448人浏览 2013-06-30 21:18

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

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

html5 node.js 游戏

0顶0踩

hylxinlang 评论(1) 有2657人浏览 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) 有917人浏览 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) 有933人浏览 2013-06-06 16:14