最新 | 最热门 | 最高评价

+0  帮菜汤弄的《有字有谋》网页小游戏

Tag: Internet | 我的代码 | 我的分享 | 摄影艺术 | css | game | html5 | jessica | js | web
Xiaoxia 发于 2012年02月05日 22:21 | 点击: 2228 | 展开摘要
RT! 菜汤要写活动策划,里面有一个小节目,我出的鬼主意,也用到了这个小网页作为工具。

一开始不知道用啥工具写比较好,我会点VB,但是又不能在Linux写。.Net先排除了,发布了还要别人安装框架,更麻烦。Python嘛,对它的图形处理还不是很熟悉,写起来也不怎么容易。选什么GUI库也是一个难题。

所以,最后选择了一窍不通HTML5。用网页写比较容易跨平台,所以我在Linux下写好,别人也可以用她的Win7来用了。HTML5的入门也不难,花了一个小时看了一篇教程,就开始写

查看全文: http://www.udpwork.com/item/6785.html

+0  说说HTML5/FLASH/webApp

Tag: 互联网 | HTML5 | 观点
bang 发于 2011年09月18日 11:00 | 点击: 2534 | 展开摘要
又好久没写博客,我必须凑数做到每个月至少一篇,不然破坏了这几年的传统感觉不太好。

最近HTML5太热门了,在微博上老是看到HTML5又能干嘛干嘛,又做出什么炫酷效果了,然后又跟FLASH对比,FLASH必被淘汰,这种论调出现得太频繁了,感觉挺无聊。用炫酷效果来宣传HTML5实在不是明智之举,现在HTML5能做到的任何效果除了WEBGL的硬件加速其他的5年前的FLASH就已经能很好地做到,而且性能更好得多,随便搜一下FLASH酷站,看看里面的交互,哪个不比目前纯WEB的方式强

查看全文: http://www.udpwork.com/item/5919.html

+0  HTML5实战之桌面通知

Tag: Javascript | html5
admin 发于 2011年08月07日 20:57 | 点击: 2833 | 展开摘要
桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户。这和WebIM是最为天然的结合。不过,目前支持Desktop Notification功能的浏览器只有Chrome5+。

关于通知的基础知识可以参考以下文档:

W3C标准:http://dev.w3.org/2006/webapi/WebNotifications/publish/Notifications.html

使用教程:http://www.html5rocks.com/en/tutorials/no

查看全文: http://www.udpwork.com/item/5605.html

+0  HTML5实战之本地存储(3) - 请求同步

Tag: Javascript | html5
admin 发于 2011年08月05日 14:22 | 点击: 3000 | 展开摘要
在实际上项目当中,经常需要使用短轮询(每隔一定时间就向服务器发送一次请求,请求通常会立即返回)和长轮询(每次请求服务器会Hold一段时间直到有新数据或者超时,客户端收到数据后会立即进行下一次请求)来从服务器拉取数据,然后动态的更新页面。随着功能的增加,一个页面中往往存在不止一个这样的轮询请求,而且在用户开启多个Tab页面时,总得请求数会翻倍。而“请求同步”指的是在以上场景中,即使是开启多个Tab也只有一个Tab页面维持轮询连接,一旦数据返回后,就将数据同步到其他无连接的页面,

查看全文: http://www.udpwork.com/item/5591.html

+0  HTML5实战之本地存储(2) - 操作同步

Tag: Javascript | html5
admin 发于 2011年08月04日 20:04 | 点击: 2442 | 展开摘要
本文介绍Tab之间的操作同步的实现,所谓操作同步是指将用户在某个Tab窗口中的操作同步到所有其他同一站点得Tab中。例如IM窗口的操作(打开、最大化、最小化、关闭、设置等),由于很多用户会在多个Tab之间切换,而IM在每个页面中都存在,因此对于数据同步的要求是比较高的,以前的做法是使用服务器方式来同步,即所有操作都向服务器发请求,然后广播,Tab收到消息后再响应。缺点是比较浪费资源,另外延时也比较严重。

实现

在具体的实现上,只是给封装的Storage添加了一个sync接

查看全文: http://www.udpwork.com/item/5589.html

+0  HTML5实战之本地存储(1) - 兼容性与存储监听

Tag: Javascript | html5
admin 发于 2011年08月04日 18:18 | 点击: 3235 | 展开摘要
很早之前调研过HTML5的本地存储-《DOM Storage全解析》,大致上对localStorage、sessionStorage等API做了下了解,但是一直没有机会真正的在项目中使用。终于这次借重构Web IM的机会,对本地存储做了更深入的使用,除了基本的API使用之外还在次基础上封装了一些应用层的库,例如Tab之间的操作同步、Tab之间的请求同步等。本文主要做一个阶段性的经验总结。

一、localStorge onstorage事件的兼容性

1. 触发情况

IE8

查看全文: http://www.udpwork.com/item/5588.html

+0  以圆桌骑士为例浅尝HTML5游戏开发

Tag: 编程技术 | canvas | html5 | IE9 | 圆桌骑士 | 游戏开发
editor 发于 2011年06月23日 18:25 | 点击: 3146 | 展开摘要
随着XHTML的逐渐式微,Chrome,Safari,FireFox,Opera等现代浏览器正在积极完善HTML5实现,IE9也加入到标准的行列并将在今年上半年发布正式版,HTML5时代来临了。

在各种HTML5特性中,最吸引人的莫过于canvas标签,其提供的绘图API将颠覆以往web表现力匮乏的形象。随着浏览器对canvas的普遍支持,利用canvas实现的web应用会出现爆发性的增长。

本人尝试了使用canvas开发2d卷轴游戏,与大家分享。

本文将不介绍canv

查看全文: http://www.udpwork.com/item/5339.html

+0  开源轻量级HTML5游戏引擎gin简介

Tag: 游戏 | HTML5 | 浏览器 | javascript | 互联网 | 程序 | gin | 框架 | canvas | 技术文章 | 工作
Huan Du 发于 2011年02月09日 00:31 | 点击: 3987 | 展开摘要
HTML5 canvas让程序员自由的绘制想要的图形和动画,使得纯粹基于HTML/Javascript/CSS的游戏铺平了道路。只不过canvas最初并非为游戏而设计,而且除了绘图以外,做游戏还有不少其他事情要考虑,例如鼠标键盘事件、图层、动画等。为了方便程序员开发游戏,游戏框架/引擎陆续被开发出来,gin就是其中之一。

Project home: https://github.com/huandu/gin

Author: Huan Du (blog, twitter)

查看全文: http://www.udpwork.com/item/4234.html

+0  iQuery实现CSS3 transition动画接口

Tag: 技术文章 | css3 | HTML5 | iquery | javascript
bang 发于 2010年08月24日 21:48 | 点击: 2520 | 展开摘要
给iquery加了跟jquery差不多的动画接口animate,不过实现上是通过CSS3的transition。

效果点这里 (桌面浏览器只支持webkit内核,如chrome/safari)

iQuery源码

原理

研究了下CSS3的动画Transition,我想如果iphone上要做动画效果的话应该由CSS3实现,不再是传统用js间隔一定时间不断更改数值这样的方式,系统内置的动画实现方式毫无疑性能会高。

CSS3有两个实现动画的方式,Transitions和An

查看全文: http://www.udpwork.com/item/2454.html

+0  通过HTML5来改进微博手机版本的体验

Tag: 手机产品 | html5 | 产品设计 | 微博 | 手机网站
elya妞 发于 2010年07月23日 15:49 | 点击: 2114 | 展开摘要
HTML 5 引入并加强了一系列功能, 包括表单控制, 应用程序接口(APIs), 多媒体, 结构化和语义化。都说html5+javascript是flash或者silverlight这类客户端执行环境的杀手,html5推出的最炫的一个功能是标签(cavans),还有视频(video)和音频( audio)等。现在页面版的都还在用flash,flash对于手机来说,速度和资源消耗都成问题。但是利用html5,可以顺利地在iPhone等不支持Flash的平台上将swf显示了出来

查看全文: http://www.udpwork.com/item/2154.html

+0  HTML5文件API之图片预览

Tag: XHTML | html5
admin 发于 2010年07月03日 15:07 | 点击: 1956 | 展开摘要
图片上传在当今的Web应用中是一个非常常用的功能,如果不需要在上传前进行图片预览则可以简单的使用HTML+Javascript来实现,但如果一定要在上传之前提供图片预览功能则需要求助于Flash来实现。不过,随着HTML5 File API的诞生这一状况终于有了改观,本文将介绍如何使用HTML5 File API快速的实现图片预览功能。

浏览器支持情况

本文实现的功能在以下浏览器中经过测试:IE8、Firefox3.6、Chrome6.0、Opera10、Safari4。

查看全文: http://www.udpwork.com/item/5205.html

+0  DOM Storage全解析

Tag: DOM | Javascript | html5
admin 发于 2010年05月16日 14:31 | 点击: 1944 | 展开摘要
Web应用的发展,使得客户端存储使用得也越来越多,而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是Cookie,但是作为真正的客户端存储,Cookie则存在很多致命伤。此外,在IE6及以上版本中还可以使用userData Behavior、在Firefox下可以使用globalStorage、在有Flash插件的环境中可以使用Flash Local Storage,但是这几种方式都存在兼容性方面的局限性,因此真正使用起来并不理想。针对以上情况,HTML5中给出

查看全文: http://www.udpwork.com/item/5206.html
|<<<12>>>| 一共2页, 24条记录