使用 HTML5 Canvas 画哆啦A梦

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

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

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

Read More >

基于Node.js 的 Web Socket

首先要感谢 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键路径

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

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

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