双飞翼布局 v1.0
源码文件:grids.css
压缩版本:grids-min.css
合并版本:reset-grids-min.css
测试页面:grids-taobao.html
命名规则和样式生成工具:css-generator.html
阅读全文 »
源码文件:grids.css
压缩版本:grids-min.css
合并版本:reset-grids-min.css
测试页面:grids-taobao.html
命名规则和样式生成工具:css-generator.html
阅读全文 »
源码文件:reset.css
压缩版本:reset-min.css
测试页面:test.html
更新说明:
最后,贴一份代码:
阅读全文 »
最近疯狂测试 reset.css, 第一个首要测试点就是默认字体。前不久秦歌的帖子和我的再谈,收到了很多朋友的反馈。重新整理了下,请先仔细查看测试页面:
1. Tahoma 字体的问题,小麦总结过。在 IE6 下,Arial 字体在下划线的显示上的确略有优势,甚至有神奇的魔数 1.231 来让中英文对齐。但除了 IE6, 其它浏览器下,Arial 表现并不好。考虑门户网站的设计趋势,链接加下划线的形式,已逐步去掉,比如 YAHOO 首页。国内腾讯首页也早就去掉了满屏的下划线,目前只有新浪、搜狐等站点依旧满屏下划线。考虑 IE6 的占有率正逐步降低以及面向未来编程,坚持用 Arial 优势不大。
阅读全文 »
对于程序员来说,大部分公司都提供了多条职业发展方向:
1. 技术型路线:编程高手、技术专家、架构师
2. 管理型路线:项目经理、部门主管、总裁
3. 复合型路线:技术总监、CTO
4. 特长型路线:销售顾问、培训讲师
这些路线,看起来很清晰明了。但对大部分26 – 32岁的程序员来说,如何发展,究竟该走哪条路,内心可能都存在彷徨与纠结。技术和管理,有如鱼和熊掌,不可兼得,这是寓言里的警示。但在现实工作中,鱼和熊掌往往必须兼顾。上面的4条路线中,不少职位可以进一步抽象为技术型领导。如何做一个好的技术型领导呢?下面是我的一些思考。
当官的最高境界,是为人民服务。这句话看起来很虚,仔细想想是句至理名言。但是,作为技术型领导,需要谨慎的不是没有服务精神,而是服务得太热情。比如一个刚上任的技术领导,接到一个任务时,可能会担心万一同事做不好怎么办?于是将任务中最难的部分,自己加班加点搞定,剩余的部分才交给同事去做。这种强制性服务,对下属同事来说,并不是一种帮助,而是侵占。会让自己很累,同时让同事缺乏成就感:事情仿佛都是领导做的,自己只是打打杂。
阅读全文 »
秦歌这篇文章总结得很不错,俺挑刺来啦:
1. 优先级的描述不严谨,有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。
2. Tahoma 字体从 Win95 就有了,并且从 Win2000 开始,Tahoma 成为 Win 英文系统的默认字体。2007 年,在 Mac OS X v10.5 (Leopard) 中也开始内置 Tahoma 字体。至今,普及性还是相当不错的。
3. Google, YAHOO 等网站,首选 Arial, 个人觉得是出于兼容性考虑。Google 需要考虑到对各种设备的支持,这就和 Google 首页继续采用 table 布局一样,table 布局可以保证在尽可能多的用户终端中正确显示。Arial 字体同理。
4. 但这并不代表 Google 等页面的做法就是最好的。从渐进增强角度讲,font-family: Tahoma, Helvetica, Arial, sans-serif; 可以达到优雅降级的目的。在更好的用户代理中,显示更好的字体,同时用 Arial 殿后,也能保证在尽可能多终端设备中正确显示。渐进增强无处不在,需要我们的共同努力和推广。(注:考虑 Mac 用户,Leopard 中内置了 Tahoma 字体,因此 font-family: Helvetica, Tahoma, Arial, sans-serif; 会更渐进增强一些)
阅读全文 »