使用 HTML5 Canvas 画哆啦A梦

七月 18th, 2011   -   HTML   -   1,092 views   -   3 comments

以前曾经见过有人利用CSS3的圆角来画可爱的蓝胖子，最近几天刚好在学习HTML5的Canvas，

也对照着画了一些，有兴趣的朋友可以拿去玩，可以再结合些颜色渐变之类的特效，估计会有更好的效果。

建议使用 Chrome 或 Firefox 浏览器打开，点击这里 或下面图片点击查看DEMO！

Read More >

基于Node.js 的 Web Socket

七月 10th, 2011   -   HTML   -   1,140 views   -   3 comments

首先要感谢 Jacek Becela 的 node.ws.js 插件，

需要的同学可以点击这里从GitHub下载此插件，

README中已经包含了此插件的基本用法，按照下面的方法应该可以做出一个简单的聊天室！

服务器端 Node.js 代码：

  1. var ws = require('../node/lib/ws.js'),   
  2. msg = new Array;   
  3. ws.createServer(function(socket) {   
  4.     socket.addListener("connect", function(resource) {   
  5.         msg.push(this);   
  6.     }).addListener("data", function(data) {   
  7.         for (var i = 0; i < msg.length; i++) {   
  8.             msg[i].write(data);   
  9.         }   
  10.     })   
  11. }).listen(1337);   
  12. console.log("WebSocket running!");  

Read More >

去除链接虚线框且保持Tab键路径

四月 18th, 2011   -   HTML   -   1,146 views   -   1 comment

IE5+ ：设置 a 标签私有属性 hidefocus 值为 true

Firefox / Chrome / Opera / Safari : 设置 a 标签或 a:focus 的 outline 属性为 none

提示：你可以先修改部分代码再运行。