摘要：
CSS中写中文字符可能会导致样式失效，所以一般在写到font-family的时候会做个转码，这样通篇都是ASCII字符的CSS随便设置个啥@charset都能解析正常。例如：font-family:宋体; /* 做个转码写成： */font-family:\5B8B\4F53;这个\5B8B\4F53咋弄的？简单的方法，打开firebug，在控制台输入“宋体”，然后会出来一个报错提示：ReferenceError: \u5B8B\u4F53 is not defined，其中的“\u5B8B\u4F53”就是JS中的“宋体”字符串unicode标准化之后的表示。在CSS中，去掉中间的小u就好了 阅读全文
摘要：
先看DEMO，在chrome、safari、firefox下，页面显现正常的绿色背景，而在IE下，页面背景为白色。经过分析引起的原因是：1、HTML页面编码与CSS编码不同（DEMO中HTML为gbk，CSS为utf-8）2、CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件（DEMO中IE浏览器使用gbk来解码一个utf-8的CSS文件）3、中文注释中的汉字为奇数个数时，会与结尾的“*/”组合成新的合法字符，导致注释未能正确关闭，造成紧跟其后的样式被自动注释，从而引起样式失效。例如，该DEMO中CSS代码为/*叶落花*/body{background-colo 阅读全文
摘要：
这篇Blog将要讨论，在CSS的className中使用连字符“-”还是使用下划线“_”作为分隔符更适合？在切入主题之前，先看看Google在Webmaster Tools中URL structure章节中所说的一段话：Consider using punctuation in your URLs. The URL http://www.example.com/green-dress.html is much more useful to us than http://www.example.com/greendress.html. We recommend that you use hyph 阅读全文
摘要：
从上篇Blog发表至今已逾半年，这段时间我成功的考到了驾照，并与人成功的作废了三个创业项目。这让我不禁想起弟弟在QQ说过的一段话：“人生最重要的不是所在的位置，而是所朝的方向。同样是个B，你一路向北能变成NB，撞破南墙不回头，就只能当SB。”而这一次，我却一直南下，从杭州到了深圳。那天飞机刚到深圳，蚂蚱问我对深圳印象如何。当时我在机场大巴上回了一条短信：“拖拉机与宝马齐驱”，这是车子在经过福永一个红绿灯的时候我亲眼目睹的场景。车站巡逻的城市保安，白石洲类的城中村，人造的欢乐谷，超现代化的海岸城通道。深圳就是这么一个城市，快速的发展节奏，传统与现代，文明与野蛮的冲击即刻被放大。深圳之于杭州，正如 阅读全文
摘要：
在twitter上看到 @Fenng 提到“国内分享velocity的不多”，忽然想起自己在支付宝用velocity开发了两年，和服务端开发同学也常为这个模板层的归属问题纠结不休。这也是我在淘宝上买这件velocity主题T恤的原因，上次去红京鱼吃饭，工友们对它表示了很大的兴趣^_^直入话题，把自己这两年的velocity开发经验的精华部分分享出来吧，相信足以应对前端模板开发的日常工作。这里我准备了一个VM版的，有运行环境的同学可以放上去跑起来看看。问：遇到vm模板开发的问题一般怎么解决？首先官方手册PDF还是要收藏一份，英文的看不了，就去google上搜份中文手册看。手册上没有提及的只有去g 阅读全文
摘要：
最近在学习PHP & Python，@hongqn 在他的《Python 于Web 2.0网站的应用》中提到了Python的哲学，我想这个应该就是我一直在寻找的吧。于是花了一下午在优酷上看完了《Python.Django视频教程-台湾辅仁大》的视频教程专辑，开始了写个Python小游戏的计划。系统是Mac OS X Snow Leopard，结果装了个Xcode 3.1，啥东东都编译不了，很多python setup.py install都安装不通过。后来才知道雪豹必须装Xcode3.2+才行。以下是我边写边学的python计算24点小游戏。求解24点算法那块我实在是没啥头绪，就这么悲 阅读全文
摘要：
这个姑且算是最近看《德道经》的偶悟吧。先说问题。Twitter相信大家都知道，或者国内的QQ微博、新浪微博。一般页面宽度800px，两栏。左右“内容等高”，这里要打个引号。右栏一般是带色的，左栏则为白底，看起来是等高。虽然大多数情况下左高>右高，但如何确保万无一失，实现两栏自适应等高呢？先来看看各大网站的实现，知己知彼才能百战不殆。1、Twitter。X！居然是用table实现的- -。在这个号称div+css满天飞的Web2.0时代，他们居然用这么老土的table？！然而正如《德道经》里讲到，天为乾，地为坤，天地中和乃生万物。”土“是一种返璞归真的精神。成语”出生入死“讲得就是”入土为 阅读全文
摘要：
Today is my last day at Alipay.@lunaticsun 说写点什么纪念下吧，就像当初那位离开Google的设计大神。很多朋友得知我即将离开支付宝的消息，表示震精，当然更多的是表示理解与支持。接下来我要做的事情，稍稍给猫哥的粉丝们交代下吧…- -！《猫哥网页设计视频教程》将会重启，推出连载，相信会对那些对WEB设计感兴趣的初学者有很大的帮助。Twitter上会提高更新频率，以技术为主，逐渐走向国际化，不会用来当聊天工具，感兴趣的同学欢迎Follow me。对catge私生活感兴趣的同学，可以收听我的QQ电台 ，新浪微博我不用的。catge会继续留在杭州一段时间，有. 阅读全文
摘要：
差不多是两年前的这个时候，我当时在华中科技大学注册中心HUB团队负责WEB标准化和规范化的工作。当时我花了两天两夜，重写了注册中心的HTML模板，并通过了W3C的CSS、XHTML校验。我拿着这套模板，告诉办公室主任王士贤老师，学校的信息系统应该做个大手术，全部换成我的新模板。当时王老师笑了笑，说这个改动太大，委婉的拒绝了我的提议，他说了让我刻骨铭心的一句话：“网页技术发展很快，也许几年后，你再来看你写的这些模板，会有更好的想法。”两年前我看到“不会用JS写树状菜单，就不算真正懂JS”，于是我通宵写了这个树状菜单。之后陆陆续续有不少人加我QQ，交流树状菜单的问题，甚至还有网友给我个绰号“树状菜 阅读全文
摘要：
新入手一周的HTC G2，取名GG，用起来很顺手。从选机、购机、刷机、玩机都有不少可以分享的地方，希望对想买G2和正在观望的同学有所帮助。一、购买Android手机需要注意的地方Android手机现在有G1\G2\G3\G4，大概的介绍下。G1：出来比较早，配置是最低的，全键盘，适合键盘玩家收藏，现在基本停产。G2：配置相对较高，外形时尚，尤其是白色款，有很强的文化识别度（引用方文山的词^_^）。黑色款2400～2650 白色款2900+G3：配置最高，有著名的15度角设计（个人不大喜欢），适合商务人士。3400+G4：配置中低端，外形和其他三款差距较大，没有轨迹球。因为catge同学比较喜欢 阅读全文