CSSASSCSSASSCSSASS

三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

2008年10月 存档

阔地网络(codyy.com)全新升级改版,觊觎SNS

2008年10月30号,星期四

阔地网络于本月29日完全新升级改版。

阔地是国内一家提供可高度个性化的个人门户平台。当前随着SNS的持续火爆,又推出了相对独立的互动社区平台。同时推出的还有组件平台(测试)。

个人门户:

互动社区:

组件平台:

当个人门户(个性化首页)和sns这两个web2.0时代的宠儿连结在一起。不知能否激起火爆的互联网势头呢。

这是本人的codyy个人门户:http://oneboys.codyy.com
(互动社区只有注册才能加入。)

class切换

2008年10月17号,星期五

样式切换是一种比较常见的效果。

先说一下具体要做的效果,主要有两点:
1. 在三个并列元素中点击,点击后将增加一个class来控制显示。同时,未点击的两个元素,假如先前拥有这个clss,此后将丧失。
2. 在此三个元素中点击,将有一个对应的层随之出现。三个元素对应三个层。(也处理成addClass,当然直接写style也可以)

(全文…)

South Park 第十二季第八集——中国问题

2008年10月14号,星期二

奥运恐慌+斯皮尔破格和卢卡斯合奸《印第安纳·琼斯4》。

[转]CSS 期望表 (Wishlist)

2008年10月13号,星期一

著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括 Jon Hicks,  Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 (全文…)

很有用但平时都没养成习惯用的快捷键

2008年10月10号,星期五

Windows键+D 显示桌面——Windows键+M 最小化所有窗口
Windows键+R 运行命令
Shift + Delete 永久删除所选项
F2 重新命名所选项目。
CTRL + 向右方向键 将插入点移动到下一个单词的起始处。
SHIFT + 方向键 在窗口或桌面上选择多项,或者选中文档中的文本。
Alt + Enter 查看所选项目的属性。
Alt + F4 关闭当前项目或者关闭计算机
Alt + Tab 在打开的项目之间切换—Alt + Esc 以项目打开的顺序循环切换。
Ctrl + F4 在允许同时打开多个文档的程序中关闭当前文档。
ALT + 菜单名中带下划线的字母 显示相应的菜单。

提高效率啊!

三列互适应等高且中列宽度自适应布局的几个方法(圣杯布局)

2008年10月10号,星期五

前面写过一篇二列右列宽度自适应布局的四种方法
先扩展出来“三列,左右列宽度固定,中间列宽度适应屏幕”。
采用二列布局的四种方法中的最后一种:触发haslayout法。(当然其他方法也可以用,比如把中间列中触发haslayout的zoom:1和为firefox而加overflow:hidden;替换为margin:0 auto;)

结合多列的自适应等高(padding与margin的抵消法)扩展为“三列自适应等高且中列宽度自适应布局”。

可以继续扩展,【三行中间行分三列,三列自适应等高且中列宽度自适应】的布局。

到这里,我们可以肯定这种方法相对于这种布局来说是比较简洁的。
但我不得不承认,我的这种方法是以牺牲“合理的页面顺序”为代价的。
即,我把左右列的顺序移到中间列上面来了。

考虑页面顺序的方法当然有,我们知道有一种margin-left负值的方法。
比如下面这个方法就应用到了(当然,按原作者的说法,仅供娱乐:http://bbs.blueidea.com/thread-2892121-1-1.html。不妨一看。)

呃,这个方法的牺牲比较大啊,左右两列的背景都是靠父级的border模拟的。
那么再看一下同类的比较好一点的方法吧:

相对而言,这个方法比较不错了,不过,也是有牺牲的:他多嵌套了一层div,放中间列的背景色,所以说中间列的背景色也是模拟出来的。

下面的这种方法和上面那种方法可以说各有优劣吧,全部背景色都是套层模拟的,而不是使用margin负值抵消来实现等高效果的。

据说,最完美的方法来自于In Search of the Holy Grail
可惜不知为什么(怀疑父级的一个overflow在ie7下触发haslayout),我死活不能让他在ie7里兼容。

一般来说,一些布局只要避短就长的从以上几种方法里挑一个,大体就能搞定了。实在不行,也只有上js了。