随笔分类 - html5

2011年20大3D网站

摘要：如果要在互联网编年史上描述2011年的话，那么无需任何插件即可在浏览器中直接嵌入支持硬件加速的3D图形一定会被记上重重的一笔。随着大部分现代浏览器都增加了对WebGL的支持（微软IE除外），以及最近发布的Flash 11，开发者终于可以开始把构建高性能互动3D体验放上议事日程。目录1 产品推广类1.1 1. Rome: 3 Dreams of Black1.2 2. Nissan: The Planet Zero1.3 3. Adidas: AdiZero f501.4 4. Nissan: StageJUK3D2 自我营销类2.1 5. Nouvelle Vague2.2 6. Les Ch 阅读全文

posted @ 2012-01-29 15:42 楚广明阅读(951) 评论(0) 推荐(0) 编辑

割绳子html5

摘要：http://www.cuttherope.ie/ 阅读全文

posted @ 2012-01-29 15:39 楚广明阅读(220) 评论(0) 推荐(0) 编辑

为开发者和设计者准备的 HTML5 文件上传教程

摘要：本文主要是收集了一些使用 HTML5 进行文件上传的教程：纯 HTML5 文件上传带进度条的 HTML5 文件上传HTML5 拖放式文件上传的 API 教程全新的 HTML5 多文件上传使用 jQuery 的 HTML5 文件上传HTML5-powered Ajax file uploadsHTML5 拖放式多文件上传阅读全文

posted @ 2012-01-18 11:01 楚广明阅读(274) 评论(0) 推荐(0) 编辑

10 个顶级 JavaScript 动画框架推荐

摘要：使用JavaScript可以做出一些引人注目的动画效果，但通常不太容易实现。本文为你整理了10个非常优秀的JavaScript动画框架，使用它们你可以轻松实现动画效果。1. RaphaëlRaphaël是一个小型JavaScript库，用于简化你的Web矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件，你可以使用这个简单方便的库来实现。源码 + 演示2. Processing.js该框架主要针对不想使用Flash或Java applets进行图片编程以及Web交互的开发者。Processing.js使用JavaScript在HTML5的Canvas元素上绘制形状以阅读全文

posted @ 2012-01-12 23:05 楚广明阅读(332) 评论(0) 推荐(0) 编辑

分享HTML 5的参考手册，演讲稿，电子书和教程

摘要：今天我们介绍相关HTML5的参考手册，演讲稿，电子书和教程。HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关文章介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在是学习HTML5的好时间，大多数的公司例如Google，Youtube，Facebook都已经开始使用HTML5来建站了。51CTO推荐专题：HTML 5 下一代Web开发标准详解这篇文章我们将介绍最好的HTML5参考手册，电子书，教程。友情提示：你最好阅读一些我们以前的HTML5文章!希望大家喜欢!参考手册，演讲稿，电子书第一部分我们将介阅读全文

posted @ 2012-01-07 22:44 楚广明阅读(518) 评论(0) 推荐(0) 编辑

HTML5在豆瓣的各种应用

摘要：作为处于发展阶段的新一代Web开发标准，HTML5正以其简洁的书写规范、良好的兼容性以及务实的原则为越来越多的网站所接受，这是WHATWG与W3C共同努力的结果，作为标准的参与制订者，各浏览器厂商也在积极地为其提供支持。豆瓣一向热衷于新技术的探索和创新，前端团队在HTML5与CSS3方面也有过很多尝试，从视觉效果到富媒体内容再到本地存储等等，其中一部分已经应用于线上产品，还有一部分以浏览器扩展、客户端、手持设备应用等形式服务于不同需求的用户。下面我就来简单介绍下：在线上产品中的应用豆瓣目前主要的流量来源依然是PC端的IE6，这是个颇具中国特色的无奈事实，但我们同时发现，豆瓣的Chrome和Fi 阅读全文

posted @ 2011-12-25 23:07 楚广明阅读(380) 评论(1) 推荐(0) 编辑

10个优秀HTML5网站案例赏析

摘要：近期随着Adobe弃Flash转投HTML5开始，HTML5又开始吸引着大众的目光。在几大巨头的推动之下，HTML5将成为下一代Web的标准。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用也更为灵活功能也更强大。现在已经有很多前沿的网站开始使用上了HTML5，Techrepublic收集整理出了10个使用HTML5非常优秀的下一代Web网站。什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的能当例子的HTML5网站第一个要求就是要能够兼容旧的浏览器。并且在网页代码中应该声明<!doctype html>，阅读全文

posted @ 2011-12-23 22:10 楚广明阅读(1218) 评论(0) 推荐(0) 编辑

35佳以字体为核心的优秀网页设计作品

摘要：在现代网页设计中，字体也常会被当做重要的设计元素融入网页设计之中，以一种新颖的方式传达信息。设计师们发现了不依赖于图片、阴影和背景等元素去设计漂亮网站的新方法，那就是以字体为核心的网页设计，而且效果令人惊讶。今天这篇文字就收集了35佳以字体为核心的网页设计作品，一起欣赏。01. Games We Played02. Hello Studios03. Kccreepfest04. The Kettle05. English Workshop06. What the Fox07. Chillipear08. Creative Hut09. Joel Reed10. Cesarcabral11. B 阅读全文

posted @ 2011-12-23 21:22 楚广明阅读(253) 评论(0) 推荐(0) 编辑

5 个很炫的 HTML5 游戏

摘要：下面是我们为你准备了5款基于 html5/WebGL 的游戏以及游戏演示：1. Coppercube Backyard本演示展示现场与许多纹理（> 80），人物动画和摄像机飞行。2. 3D Social game (WebGL)这是一个WebGL的演示，是一个下一代3D社交游戏。令人惊叹的3D品质，社会游戏机制。3. X-Wing游戏中的飞行和闪躲方式4. Canvas Rider有趣的自行车模拟器。需要保持平衡，不会脱落。5. Barfight!老式的西方电影，目标是争取酒吧Source:http://www.script-tutorials.com/html5-and-games/ 阅读全文

posted @ 2011-12-17 08:58 楚广明阅读(276) 评论(0) 推荐(0) 编辑

使用HTML5,CSS3和jQuery增强网站用户体验

摘要：记得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验？是不是立刻就想到了flash实现？这彷佛年代久远的事了。使用现在最流行的web技术 HTML5，CSS3和jQuery，同样也可以实现类似的用户体验。而且使用这些特性将会比使用flash更加有效。也许你可能刚知道Adobe停止开发移动版flash的消息，虽然在桌面中我们还拥有大量的flash的应用，但是随着HTML标准的完善，可能flash也要退出历史舞台了。在今天这篇文章中，我们将介绍一些非常实用的教程，技巧和资源来帮助大家构建一个更加丰富的用户界面。请大家给积极我们留言！您的支持是我们的最好的动力！表单类jQuer 阅读全文

posted @ 2011-11-16 21:35 楚广明阅读(265) 评论(0) 推荐(0) 编辑

15 个令人震惊的 HTML5 实验

摘要：除非你一直在岩石下生活，否则你不会没听过HTML5。现在几乎到处都有HTML5的身影，这得益于苹果公司前CEO 乔布斯和很多开发人员的推广。Sonia Tracy 收集整理了15个令人振奋的HTML5实验。提示：如果无法查看这些实验，请更新你的浏览器。1.Canvas Cycle艺术家Mark Ferrari 和编码师 Joseph Huckaby的共同合作，这是一幅华丽动人的自然风景画,如冬日的森林，海景和山脉。他们看着这美不胜收并具有音效的图片，心旷神怡。如果你想从工作中获得片刻的轻松，这些照片可以瞬间融化你的紧张感。2.Google Gravity另一个来自于Mr.Doob的惊人之作，阅读全文

posted @ 2011-09-18 11:34 楚广明阅读(253) 评论(0) 推荐(0) 编辑