公司网络出问题了，没办法访问国外网站，而RIA之家正好放在国外主机，明河很抑郁，很久没办法更新一篇文章，向各位朋友说声抱歉。 上一篇文章，明河演示了如何使用localStorage本地存储评论信息（用户名、邮箱、站点），今天这篇教程，继续演示localStorage的使用，增加了些难度，实现用户浏览历史记录，就是RIA之家底部的“你曾浏览过的文章”。 点此查看demo 相对于实......
4月最好的HTML5和CSS3教程
CSS3跨浏览器验证工具 这篇文章介绍一些帮助写CSS3代码的工具 CSS3按钮 介绍不用图片用纯CSS3创建按钮的教程 简洁时尚的CSS3表单 该教程讲述用一些CSS3的属性创建表单。你可以简单的定制这些样式。 纯的CSS3按钮被按下背景渐变效果 本教程中，讲述只用CSS而不用图片来创建按钮被按下、划过效果和背景渐变效果。在Webkit浏览器中，运用渐变特性‘-webkit-gradient’来创建颜色渐......
9个牛逼的javascript+html5试验性游戏
1.Untangle 移动蓝色的点，让线不出现重叠，看看你发了多少时间。 2.Z Type ……飞机游戏的原型….. 3.Cube Out 3D版的积木…. 4.Bounce ……没弄明白是啥意思。 5.Sketch 3D 绘画板。 6.Conductor 是个有意思的效果，线与线相交，会发出声音，画出的随机图形像电路板. 7.Bacterium 8.Ultra Neuron Pong 9.Tank World 非一般的卡，但3d游戏的模型基本上已经出来了，是个好实验。 原文......
利用HTML5的window.postMessage实现跨域通信
由于同源策略的限制，JavaScript跨域的问题，一直是一个颇为棘手的问题，为了解决js的跨域，web开发人员是煞费苦心，研究了各种跨域方案，如果有机会的话，明河以后会一一展示给各位，今天明河重点介绍下html5新引入的postMessage跨域方案。 1.哪些场景要考虑跨域问题？ 明河这二周在处理淘宝添加收藏夹的重构，里面就有一个非常经典的跨域问题。 添加收藏弹出层外层是......
6个新的强悍javascript效果实验
html5、javascript物理碰撞、3D模型、javascript网页游戏，javascript新的应用点层出不穷，非常看好javascript未来的潜力。接下来来看几个新的javascript实验。 1、Extruder 2、Voxels 3、Tito 4、Banana field 5、Rumpetroll 6、Pixelatr 原文：http://www.queness.com/post/5500/7-brand-new-impressive-javascript-experiments
......50个html5强悍效果demo集合
以下大部分demo明河在以前的html5demo推荐中都有提到过，这篇算是集大成者，html5的大部分特性在这些demo中都有体现。 1. Tunneler 2. JuicyDrop 3. Magnetic 4. Trail 5. Sinuous 6. DDD 7. Harmony 8. Lines go all over the place. 9. Chrome Canopy 10. Ball Pool 11. Chain Reaction 12. Entanglement 13. Blob 14. Biolab Disaster 15. Google Gravity 16. Core 17. Gartic 18. HTML5 Video Destruction 19. The tristan washing machine 20. Changing Backgr......
5个有意思的html5+javascript试验
……明河又出了趟远门，又好几天没更新博客了，罪过…… 今天明河继续推荐html5+javascript的动画效果，好像近几篇文章都是关于html5的华丽效果推荐。以后的文章将更多介绍html5教程。 1、The wilderness downtown 相当华丽，也相当耗资源…..模拟候鸟的飞行场景，鸟多了，也就卡了……. 2、Catch It! 碰撞侦测的例子 3、Sand Trap 相当不错的小游戏，倒沙子。 4、Ga......
补充推荐5个html5+javascript的华丽效果实验
昨天刚推荐了14个华丽的html5的Canvas实验，今天继续补充几个html5+javascript的华丽效果。 1、Breathing Galaxies 相当华丽！膜拜html5. 2、Keylight 当你双击产生个绿点后，自动形成回路效果。 3、Swirling Tentacles 这页面运行起来有点卡。 4、Rotating Spiral ……看十分钟，小心头晕…….. 5、Graph Layout 运行起来相当卡，不过效果还是非常华丽。
......14个华丽的html5的Canvas实验
之前明河已经推荐过不少html5华丽的效果： 7个富有想象力的html5示例 补充五个华丽的html5+javascript动画 7个富有想象力的html5 Canvas+javascript动画 7个华丽的 html5+javascript效果展示 十个强悍的javascript动画特效 1、8 Bit Color Cycle 非常强悍的瀑布效果！（webKit的浏览器好像无法加载，不知其原因） 2、Particle System 燃烧的火焰！ 3、Strange Attractors 华丽的线条曲线。 4、Cloth Simulation 5、Bea......
25个使用html5的优秀站点案例
今天在浏览WDL时发现非常经典的文章：55 Excellent Examples of Websites Using HTML5，该文章收集了55个应用了html5的优秀站点案例，非常值得收藏，明河顺手做了整理转过来，O(∩_∩)O~。 你可以在不同的浏览器下测试其效果（对比IE），也许你会发现好像没什么差别，但你打开其源代码会发现一些之前没接触过的html5的语义标签。 1、fishtank 2、Information Highwayman 特别留意其导航部分的......
《HTML5 for Web Designers》下载（关于html5设计）
HTML5在今年ipad推出后炒的非常的火，html5方面的教程开始增加，可惜相关书籍还是非常之少，国内更是空白，今天明河推荐一本html5设计方面的好书。 书名：HTML5 for Web Designers 页数：88 语言：英文 作者：Jeremy Keith 整本书分6个部分： 1、HTML5的历史 2、html5设计 3、富媒体 4、web表单2.0 5、新的语义标签 6、使用html5 （明河注：目前这个电子版没有书签，排版也有点糟糕，而且全......
推荐6个学习html5的好站点
1、HTML5 Doctor HTML5 Doctor在html5上面颇有名气，也是最早关注html5的博客之一。 2、HTML5 Gallery HTML5 Gallery主要是收集使用html5技术的站点，提供了不少html5案例。 3、The WHATWG Blog 和HTML5 Doctor类似也是关注html5的技术博客。 4、A Web Developer’s Guide to HTML 5 w3c的关于html5的标准指南。 5、Dive Into HTML 5 类似手册的结构，文章还配有漫画……… 6、html5demos 这个站点，明河严重推荐......