HTML技术
分享一个HTML5的drag and drop API实现的图片拖拽分组效果
今天我们介绍HTML5的拖拽功能。基本目前所有的现代浏览器(Firefox，Chrome，Safari，或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。我们这里将使用拖拽API开发一个图片的分组排序功能 ，希望能够给大家比较直观的使用感受。希望大家喜欢！
HTML标签
<div class="albums">
<div class="album" id="drop_1" droppable="true"><h2>Album 1</h2></div>
<div class="album" id="drop_2" droppable="true"><h2>Album…
探索HTML5之本地文件系统API - File System API
新的HTML5标准给我们带来了大量的新特性和惊喜，例如，画图的画布Canvas，多媒体的audio和video等等。除了上面我们提到的，还有比较新的特性 - File System API，它能够帮助我们来突破沙箱访问我们本地的文件系统，从而有效的弥补桌面和web应用之间的鸿沟。在今天这篇文章中，我们将会介绍基本的File system API的知识，探索HTML5的本地文件系统API的新特性，希望大家能够喜欢！
介绍
"我们不再需要下载并且安装软件。一个简单的web浏览器和一个可供使用的互联网就足以让我们在任何时间，任何地点，还有任何平台上使用任何web应用程序。"
简单来说，web应用很酷，但是相对于桌面应用来说，它们有比较显著的弱点：它们无法在一个有层次的文件夹结构体即文件系统中互动和组织。 幸运的是，如果我们使用Filesystem API，我们可以做到。这个API帮助我们控制私有的本地文件系统"沙箱(sandbox)"，在这里我们可以读和写文件，创建和排列文件夹。虽然在我们写这篇文章的时候，只有Google的Chrome完整的支持Filesystem…
推荐10款超级有趣的HTML5小游戏
HTML5的发展速度比任何人的都想像都要更快。更加强大有效的和专业的解决方案已经被开发......甚至在游戏世界中！这里跟大家分享有10款超级趣味的HTML5游戏，希望大家能够喜欢！
Kern Type, the kerning game
帮助你学习kern游戏的在线小游戏
Z-Type
impactJS开发的设计游戏
Cut the Rope
这个切绳子的游戏，大家肯定在iphone游戏中玩过吧
Biolab Disaster
使用js和html5的滚动平台游戏
Sinuous
一个HTML5画布游戏，使用鼠标输入，目标是看你能坚持多长时间
Pirates Love Daisies
一个html5塔防游戏
Canvas Rider
一个骑自行车的游戏。完全由js和Html5开发。使用最新的画布元素开发。
Agent 008 Ball
非常流行的台球游戏
Command and Conquer
这个知名的C&C游戏，喜欢玩即时战略大家肯定知道这个游戏吧
…10个绝对让你疯狂的HTML5和JS实验性展示
看看今天我们收集的绝对让你疯狂的HTML5和JS实验展示，这些演示验证了各种框架和超酷互动的性能。大多数的演示都能在Google Chrome和Firefox里流畅的运行，当然IE5并不支持这些演示。
1. Canvas Sphere
由Emil Korngold渲染的一个超酷的3D点装球体实现的2D投影，使用一个非常迷你的3D引擎。这个演示使用z-sorting和alpha motion模糊方式来生成3D旋转感受。看看这个超酷的演示吧！
2. Marbles
简单的物理演示，使用新发布的A3 WebGL引擎。请确认你使用Chrome来查看演示，超酷！
3. Noise Field
通过Perlin noise生成的离子轨道特效。移动鼠标来修改颗粒移动行为。点击会生成随机参数。
4. Fishbowl
一个超赞的HTML5测试用演示，由微软开发创建用来测试浏览器的性能。看看你最多能运行多少条鱼吧。
5. Sticky Thing
丢过去看看是否被粘住了
8个超棒的HTML5网站设计欣赏
我们听到了很多关于HTML5的新闻和技术动向，一个又一个的新的东西不停的出现，那么最近HTML5的技术应用又如何呢？HTML5又和CSS及其Javascript如何一起改变我们的网站设计和实现的呢？ 带着这些问题，我们将推荐给大家8个超棒的HTML5网站设计。其中包括了Jordan主站的视差滚动特效，它将滚动带入了一个新的境界！还有Draw stick man，这个网站允许你使用你的绘画技能完成你自己的作品。希望大家喜欢！
Draw Stick Man II
如果你对于HTML5的互动应用有兴趣，这个网站绝对值得你玩玩。现在是第二集的Draw Stick Man。你会喜欢的！
Air Jordan 2012
Nike使用过视差滚动，在以前的文章中我们曾经介绍过，这里Jordan网站将视差滚动带入了一个新的境界。简单但是绚丽！
Agent 8 Ball
一个基于web的台球游戏。
Cut…
分享15个你应该知道的虚拟文字内容生成器
日期：2012/03/19 来源：GBin1.com
作为一个设计师，我们往往需要创建完整的应用演示，而尽可能的让我们的设计符合实际场景中的表现是一件非常重要的事情。
如果我们需要设计一个网站，那么我们需要使得原型更加的逼真，往往需要插入虚拟文字内容和图片内容。 这样能够比较直观的体现我们的想法和构思。
这里我们选择了15个内容及其图片生成工具，帮助你快速准确的生成需要的虚拟内容。希望大家喜欢！
实用的文本生成器类别
这些文本生成器非常可靠，能够提供给你非常不错的特性来满足你的需要。
Blind Text Generator
这是比较好的文字内容生成器之一，支持10种语言。同时包含了CSS参数配置。当然也包含了很多标准选项，例如，设置文字，字符和段落数量
实例：
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ultrices bibendum…
IE条件注释之downlevel hidden/downlevel revealed
日期：2012/03/14 来源：GBin1.com
很多人都对IE条件注释很迷糊，其实这里有俩种不同的条件注释，语法稍微有些不同：
- downlevel hidden - 低版本隐藏
- downlevel revealed - 低版本可见
downlevel hidden - 低版本隐藏
<!--[if expression]> HTML <![endif]-->
我们都知道HTML注释都类似这样：<!-- hi , gbin1 -->。如果你看看上面代码。其实就是一个HTML注释。
提示：你如果希望其它的非IE浏览器忽略这个区域的话，你使用这种类型的注释。
你不会使用这种类型注释来执行[!IE] ，因为实际它不会在非IE浏览器中起任何作用
downlevel revealed - 低版本可见
<
分享一个HTML5画布实现的超酷文字弹跳球效果
日期：2012/03/05 来源：GBin1.com
今天我们分享一个来自于html5canvastutorials的超酷弹跳球效果，这里我们使用纯HTML5的画布来实现动画及其图形。整个效果使用小球来组合生成字体，如果你的鼠标逼近这些小球，它们会四散而逃，当你的鼠标离开后，它们又自动复原，效果很酷，希望大家喜欢！
<script>
window.requestAnimFrame = (function(callback){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame…
分享一个HTML5的高性能画布Javascript类库 - KineticJS
喜欢我们的文章请您与朋友分享:
