如下图，只是N个a和一个背景图。原作者hiheng
DEMO在这里http://weilaixu.cn/demo/map或http://box.linxz.cn/code.php?num=111，只需要修改一下背景图的路径就可以了
我blog的runcode坏了 
DEMO在这里http://weilaixu.cn/demo/map或http://box.linxz.cn/code.php?num=111，只需要修改一下背景图的路径就可以了
我blog的runcode坏了
号外，w3c报道了北京第一届交流会。地址是：http://www.w3.org/Consortium/Offices/#dec15，有图有真相哦！
网易报道：http://tech.163.com/09/1216/19/5QM714S7000915I3.html
2009年12月12日,在北京中国谷歌二层会议室开展了北京第一届 WebRebuild 交流会,会议很成功。谷歌公司提供的场地非常的不错，虽然最后3排零食架子和4个冰柜全部空了。
特别感谢Google技术用户组奖品及场地的支持,还有谋智网络,华章出版社,图灵出版社,蓝色理想. 让我们北京第一届 WebRebuild 可以办的如此顺利!特别感谢 WebRebuild 北京分站外交部长周裕波同学。
本次交流会分享的资料及PPT下载请查看全文（视频请耐心等待）：
地址：http://box.linxz.cn
CodeBox主要开发者：Joshua
大家一定还记得小志当年的乱写盒子吧，而现在的代码盒子将是比乱写盒子更优化的存在。目前alpha版本已经发布。完全免费的应用，当您遇到烦恼的浏览器兼容问题的时候，把代码贴上来，仔细描述一下问题，然后复制一下URL发给达人们，很轻松的就将有问题的代码呈现出来。
随后，我们会继续开发，并努力实现以下功能：
a.意见建议提交
b.增加复制链接按钮
c.用户可针对代码进行留言评论（解答），并由作者选出最佳解决方案。
d.增加典型Code列表
e.代码高亮
f.更好的用户体验
意见建议请发送至weilaixu{at}gmail.com or lei17{at}ued.me
CodeBox主要开发者：Joshua
大家一定还记得小志当年的乱写盒子吧，而现在的代码盒子将是比乱写盒子更优化的存在。目前alpha版本已经发布。完全免费的应用，当您遇到烦恼的浏览器兼容问题的时候，把代码贴上来，仔细描述一下问题，然后复制一下URL发给达人们，很轻松的就将有问题的代码呈现出来。
随后，我们会继续开发，并努力实现以下功能：
a.意见建议提交
b.增加复制链接按钮
c.用户可针对代码进行留言评论（解答），并由作者选出最佳解决方案。
d.增加典型Code列表
e.代码高亮
f.更好的用户体验
意见建议请发送至weilaixu{at}gmail.com or lei17{at}ued.me
原文http://www.updayday.com
很不可思议啊，说7·8岁的儿童是30到50秒，平均40-42秒，成年人是25-30秒。
可是，我没有一次能在50秒内完成的，我连7·8岁的儿童都不如？？？？？
游戏在这里，你花了多久？把最好成绩留言上来打击打击我吧！
Flash Player文件
很不可思议啊，说7·8岁的儿童是30到50秒，平均40-42秒，成年人是25-30秒。
可是，我没有一次能在50秒内完成的，我连7·8岁的儿童都不如？？？？？
游戏在这里，你花了多久？把最好成绩留言上来打击打击我吧！
Flash Player文件
如题，太疯狂..........
注：本篇招聘为代招，所有信息真实度为100%；工作地点在深圳。有意者请联系tommyfan@tencent.com。
代发原因：
1：米饭要求
2：哇卡卡，这个米学历要求
岗位职责
我们负责互联网系统（QQ空间、QQ会员、QQshow、多媒体）的前端重构工作，
我们负责将视觉设计稿精确还原为静态页面，并做到结构与表现的分离，
我们负责将结构以及样式代码进行模块化处理，使其符合高效的复用性原则，从而实现敏捷开发，
我们负责规划全站目录结构，保证结构和表现文件布局的合理性和可扩展性，
我们关注站点性能和运营成本，从专业角度实现站点速度及用户体验的最优化，
我们关注结构标签的语义化及站点的标准化，并从专业角度进行必要的SEO操作，
我们关注业界前沿技术，并不断将其转化为实际项目生产力，
我们配合前后台开发人员，一同完成项目的开发阶段，将最终可用的网站交付用户手中。
岗位要求
要胜任这样的工作，需要你：
1、精通Xhtml+css，并了解本职位关联技术，能将设计方案转换输出web界面；
2、精通代码的标准化；
3、精通图像处理软件(Photoshop)与网页编辑软件(Dreamweaver)；
4、保持页面不同浏览器及分辨率下良好的兼容性和适用性，以及结构、表现、行为的分离；
5、了解网页访问速度体验优化；
6、了解平台代码模块化思维；
7、逻辑分析能力强，善于沟通，较强的学习和团队合作能力；
8、对业界最新的相关技术有浓厚的兴趣和深入的见解。
工作地点在深圳，有兴趣的请联系tommyfan@tencent.com。
代发原因：
1：米饭要求
2：哇卡卡，这个米学历要求
岗位职责
我们负责互联网系统（QQ空间、QQ会员、QQshow、多媒体）的前端重构工作，
我们负责将视觉设计稿精确还原为静态页面，并做到结构与表现的分离，
我们负责将结构以及样式代码进行模块化处理，使其符合高效的复用性原则，从而实现敏捷开发，
我们负责规划全站目录结构，保证结构和表现文件布局的合理性和可扩展性，
我们关注站点性能和运营成本，从专业角度实现站点速度及用户体验的最优化，
我们关注结构标签的语义化及站点的标准化，并从专业角度进行必要的SEO操作，
我们关注业界前沿技术，并不断将其转化为实际项目生产力，
我们配合前后台开发人员，一同完成项目的开发阶段，将最终可用的网站交付用户手中。
岗位要求
要胜任这样的工作，需要你：
1、精通Xhtml+css，并了解本职位关联技术，能将设计方案转换输出web界面；
2、精通代码的标准化；
3、精通图像处理软件(Photoshop)与网页编辑软件(Dreamweaver)；
4、保持页面不同浏览器及分辨率下良好的兼容性和适用性，以及结构、表现、行为的分离；
5、了解网页访问速度体验优化；
6、了解平台代码模块化思维；
7、逻辑分析能力强，善于沟通，较强的学习和团队合作能力；
8、对业界最新的相关技术有浓厚的兴趣和深入的见解。
工作地点在深圳，有兴趣的请联系tommyfan@tencent.com。
巧妙使用css3的技巧
原文地址：http://css-tricks.com/quickie-css3-tricks-with-fallbacks/
翻译：weilaixuE文很烂的人的第一次翻译 guoquan
最尖端的技术，是最有趣的技术。css3可以做一些很整齐的，让人惊叹并喜爱的效果。并且能够降低http链接次数和文件体积。你可以先看一下这两篇文章css？3D？3D css？，3D Transforms。当然，你要使用webkit浏览器，但他们之间还是有一些细微的差别，请自行体会。
大到如同qzone，小到像我这个blog，在应用了不被ie支持的css3属性之后，webkit下的效果当然很满意，但ie的效果，还是要通过hack等一系列手段来让效果还看的过去。当然，像我这个blog的导航，完全可以设置ie使用背景图片显示，但这样的，页面的效率，在ie上的效率要比webkit下低了些许。we can only use them in circumstances where they fall back to otherwise perfectly acceptable styling，好了，来看两个简单的例子吧
原文地址：http://css-tricks.com/quickie-css3-tricks-with-fallbacks/
翻译：weilaixuE文很烂的人的第一次翻译 guoquan
最尖端的技术，是最有趣的技术。css3可以做一些很整齐的，让人惊叹并喜爱的效果。并且能够降低http链接次数和文件体积。你可以先看一下这两篇文章css？3D？3D css？，3D Transforms。当然，你要使用webkit浏览器，但他们之间还是有一些细微的差别，请自行体会。
大到如同qzone，小到像我这个blog，在应用了不被ie支持的css3属性之后，webkit下的效果当然很满意，但ie的效果，还是要通过hack等一系列手段来让效果还看的过去。当然，像我这个blog的导航，完全可以设置ie使用背景图片显示，但这样的，页面的效率，在ie上的效率要比webkit下低了些许。we can only use them in circumstances where they fall back to otherwise perfectly acceptable styling，好了，来看两个简单的例子吧
参与讨论（排名不分先后，有可能有漏网的）：
Ghost zhang，weilaixu，大白，Along，Design，漩涡鸣人，罗兰德，5457，Leeiio，Allan，Mr.Q，丸子，可嘉，豆豆猫，Twinsenliang，奶茶，泰伦，愚人码头，Linxz（小志），怪兽，
鬼整理的文字版聊天记录：
http://www.cssforest.org/bbs/redirect.php?tid=127&goto=lastpost#lastpost
相关阅读：
http://baike.baidu.com/view/182267.htm 百度关于模块化的解释
http://www.cssforest.org/blog/index.php?id=134 页面重构中的模块化思维
http://www.cssforest.org/blog/index.php?id=126 从宜家的家具设计讲模块化
http://weilaixu.cn/read.php/239.htm 模块化设计的好处
http://www.cssforest.org/blog/index.php?id=142 换种角度看“语义化”
http://www.cssforest.org/blog/index.php?id=139 页面重构中的语义化
http://home.blueidea.com/space.php?uid=128197&do=blog&id=9428 CSS模块化设计
http://www.blueidea.com/tech/web/2007/5189.asp CSS模块化设计——从空格谈起
中国古筝网金钟奖古筝比赛专题页面
地址：http://jinzhong.guzheng.cn
快速链接：
金钟奖简介
第七届中国音乐金钟奖古筝比赛全部视频
第七届中国音乐金钟奖古筝比赛新闻
图片花絮
赛程表及相关视频链接
比赛曲目试听、欣赏及曲谱
往届金钟之星
第七届中国音乐金钟奖古筝比赛专题论坛
地址：http://jinzhong.guzheng.cn
快速链接：
金钟奖简介
第七届中国音乐金钟奖古筝比赛全部视频
第七届中国音乐金钟奖古筝比赛新闻
图片花絮
赛程表及相关视频链接
比赛曲目试听、欣赏及曲谱
往届金钟之星
第七届中国音乐金钟奖古筝比赛专题论坛
我还很年轻！真的。才26岁！
刚刚跟一七在gtalk上说最近的事情，Y突然冒一句“唉..好好忙吧!人到中年,这些事够的忙”
你妹啊，我才26啊。。。 。。。
看着爷爷蜷缩在病床上，喉咙里不停的发出咕噜的声音，惹的旁边的护士翻白眼。其实她不知道，那痛苦可以忍受，只是身体不受控制的发出声音。就像几天前我趴在床上，不能动。师傅说我没吃啥苦。其实不是，那疼能受的了，可是身子不由自主的就做出反应了。就像人在受不了打击会晕过去一样，其实这晕是自我保护的一种本能反应。
老爸没有听从别人的劝告，在医院守着爷爷。家里总是响起不同的声音，最后，奶奶让我去劝父亲，可是我看到的却是父亲的执着。
每次回家，或者坐车外出路过农村，看到那些推着三轮车，头上顶着深蓝色方巾的老太太，都有种恍惚的错觉，认为那就是我奶奶。这是一个很典型的形象，典型到哪怕是眼角的余光看到也一样清清楚楚。。。。。。
轻声细语的诉说，言语中的落寞。奶奶也没了和别人争吵的力气了。
真的到中年了吗？
刚刚跟一七在gtalk上说最近的事情，Y突然冒一句“唉..好好忙吧!人到中年,这些事够的忙”
你妹啊，我才26啊。。。 。。。
看着爷爷蜷缩在病床上，喉咙里不停的发出咕噜的声音，惹的旁边的护士翻白眼。其实她不知道，那痛苦可以忍受，只是身体不受控制的发出声音。就像几天前我趴在床上，不能动。师傅说我没吃啥苦。其实不是，那疼能受的了，可是身子不由自主的就做出反应了。就像人在受不了打击会晕过去一样，其实这晕是自我保护的一种本能反应。
老爸没有听从别人的劝告，在医院守着爷爷。家里总是响起不同的声音，最后，奶奶让我去劝父亲，可是我看到的却是父亲的执着。
每次回家，或者坐车外出路过农村，看到那些推着三轮车，头上顶着深蓝色方巾的老太太，都有种恍惚的错觉，认为那就是我奶奶。这是一个很典型的形象，典型到哪怕是眼角的余光看到也一样清清楚楚。。。。。。
轻声细语的诉说，言语中的落寞。奶奶也没了和别人争吵的力气了。
真的到中年了吗？
这是在第七届金钟奖开幕式音乐会上作为嘉宾的韩国古筝演奏和日本古筝演奏。
韩国的古筝实在太一般，日本的筝比较大，比韩国的好的多了....
好像金钟奖古筝奖项的比赛永久落户扬州了，厄，相关链接如下
http://jinzhong.guzheng.cn中国古筝网金钟奖专题
http://bbs.guzheng.cn/forumdisplay.php?fid=47中国古筝网论坛专题
大家应该可以分清韩国和日本的吧，韩国妞比较恬静，五官清秀，但不是很漂亮！
韩国的古筝实在太一般，日本的筝比较大，比韩国的好的多了....
好像金钟奖古筝奖项的比赛永久落户扬州了，厄，相关链接如下
http://jinzhong.guzheng.cn中国古筝网金钟奖专题
http://bbs.guzheng.cn/forumdisplay.php?fid=47中国古筝网论坛专题
大家应该可以分清韩国和日本的吧，韩国妞比较恬静，五官清秀，但不是很漂亮！
