很不错的 CSS Hack
作者:puterjam 日期:2007-02-2626Feb
CSS Hack 
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
今天学到了一手,效果不错,哇卡卡卡卡

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
今天学到了一手,效果不错,哇卡卡卡卡

被Flash 9.0强奸了~~~~
作者:puterjam 日期:2006-10-2323Oct
这是一段FlashPlayer 9自动在页面上面生成的 js 代码. 但是这段代码很容易造成ie死循环~~~
好无言啊. 居然连基本的纠错都没有. 不知道 adobe 如何考虑这个问题的.
好无言啊. 居然连基本的纠错都没有. 不知道 adobe 如何考虑这个问题的.

复制内容到剪贴板
程序代码

function __flash_unloadHandler() {
custom_menu.style.display = 'none';
for (var prop in custom_menu) {
if (typeof(custom_menu[prop]) == "function") {
custom_menu[prop]=null;
}
}
if (__flash_savedUnloadHandler != null) {
__flash_savedUnloadHandler();
}
}
function __flash_setupUnloadHandler() {
if (window.onunload != __flash_unloadHandler) {
__flash_savedUnloadHandler = window.onunload;
window.onunload = __flash_unloadHandler;
}
}
__flash_setupUnloadHandler();
custom_menu.style.display = 'none';
for (var prop in custom_menu) {
if (typeof(custom_menu[prop]) == "function") {
custom_menu[prop]=null;
}
}
if (__flash_savedUnloadHandler != null) {
__flash_savedUnloadHandler();
}
}
function __flash_setupUnloadHandler() {
if (window.onunload != __flash_unloadHandler) {
__flash_savedUnloadHandler = window.onunload;
window.onunload = __flash_unloadHandler;
}
}
__flash_setupUnloadHandler();
继续用marquee实现loading
作者:puterjam 日期:2006-10-1212Oct
首届CSS世界大赛获奖作品欣赏
作者:puterjam 日期:2006-07-1818Jul
首届CSS世界大赛(The first CSS World Awards)由CSS Mania网站举办。活动时间从2005年5月到2006年5月,为时一年。比赛的目的是认可使用CSS建站的开发者们完成的作品以及提高企业使用Web标准的意识。比赛作品分为十类,它们分别是:Site of the Year(年度站点),Associations(协会),Blogging(博客),Business(商务),Entertainment(娱乐),Institutions(社团),Media(媒体),Portal(门户),Web Design(Web设计),Web Tools(Web工具)。
由于大赛目的不是获利,而是对Web开发者使用CSS和XHTML进行工作的认可,因此奖品看起来更多是的精神奖励:每类作品的第一名优胜者将获得一件T-shirt,一份Crazy Egg授权。“年度站点”的每个获奖者则可以从三本CSS书籍中挑选一本作为奖励。
官方地址: http://awards.cssmania.com/2006/07/07/css-world-awards-winners-2006.php
利用JS+CSS实现圆角
作者:puterjam 日期:2006-07-1212Jul
Firefox 不能用样式支持webdings字体
作者:puterjam 日期:2006-06-3030Jun
同事今天问到我一个关于FF字体的问题. 他设置的webdings字体在FF下面无效. 
不过我的电脑测试用 font face="webdings" FF可以使用这个字体了,但是同事的电脑里的FF还是无法使用该字体.
发现同事无法使用的原因 他的页面使用了XHTML 1.0过渡定义. 这样 font face="webdings" 也就完全无效了
具体问题,继续去查查官方的说明....

复制内容到剪贴板
程序代码

<font face="webdings">97<4;8:</font><br/>
<font style="font-family:webdings">97<4;8:</font>
<font style="font-family:webdings">97<4;8:</font>
不过我的电脑测试用 font face="webdings" FF可以使用这个字体了,但是同事的电脑里的FF还是无法使用该字体.

发现同事无法使用的原因 他的页面使用了XHTML 1.0过渡定义. 这样 font face="webdings" 也就完全无效了

具体问题,继续去查查官方的说明....
我的CSS心得(5) - 让文字自动适应Table宽度
作者:puterjam 日期:2006-04-1515Apr
以下的例子是用样式实现,文字自动适应Table的宽度,并且超出的宽度的文字自动隐藏。IE下面还可以自动出现...的省略符号.
所用到的样式:
关键样式:
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 (For IE,Mozilla)
演示:
所用到的样式:
复制内容到剪贴板
程序代码

.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
关键样式:
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 (For IE,Mozilla)
演示:
从GMail认识的W3C网页标准和Ajax
作者:puterjam 日期:2006-02-2727Feb
文章献给,目前还在苦苦研究W3C和Ajax的朋友。
不可否认,W3C网页标准刚出来的时候的确很吸引人。那时因为firefox的出现,冲击了浏览器市场,使得大家为了一个小狐狸,而掀起一场网页标准的风波,但是对于设计师来说带来什么?在这场风波我看到的最多就是技术的泛滥。
和一些designer聊天,第一句话就问,“你的网页标准化了”吗,“你的网页又有几处错误”。无形中这些话就给我们这些designer来说带来很大压力。每次更新网页都很害怕因为一些小小的改动导致一些小错误。似乎W3C成了一种追捧现象。就如同前段时间的Ajax热一样。但我们更加是应该理性分析,我们什么时候才应该用到这些技术......
注意本站原创文章,转载请注明出处
不可否认,W3C网页标准刚出来的时候的确很吸引人。那时因为firefox的出现,冲击了浏览器市场,使得大家为了一个小狐狸,而掀起一场网页标准的风波,但是对于设计师来说带来什么?在这场风波我看到的最多就是技术的泛滥。
和一些designer聊天,第一句话就问,“你的网页标准化了”吗,“你的网页又有几处错误”。无形中这些话就给我们这些designer来说带来很大压力。每次更新网页都很害怕因为一些小小的改动导致一些小错误。似乎W3C成了一种追捧现象。就如同前段时间的Ajax热一样。但我们更加是应该理性分析,我们什么时候才应该用到这些技术......
注意本站原创文章,转载请注明出处
再说word-break: break-all;
作者:puterjam 日期:2005-12-2020Dec
今天网友 Dcboy 和我提到一个Bug,他说他的编辑框变形了。后来我看了他的代码发现编辑框没有自动换行。被文章中的英文撑开了。
于是我告诉他,让他在skin的CSS里加上 word-break: break-all; 问题解决了。这个问题只有IE才有,我在FF下测试,FF可以自己加滚动条,这样也不影响效果
建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题
以下引用word-break的说明, 注意word-break 是IE5+专有属性
于是我告诉他,让他在skin的CSS里加上 word-break: break-all; 问题解决了。这个问题只有IE才有,我在FF下测试,FF可以自己加滚动条,这样也不影响效果
建议大家做Skin时,记得在body里加 word-break: break-all; 这样可以解决IE的框架被英文撑开的问题
以下引用word-break的说明, 注意word-break 是IE5+专有属性
FCKeditor 发表日志的Bug
作者:puterjam 日期:2005-08-1515Aug
之前有朋友说用FCKeditor发表日志,有时会失效.我也测试出来了这个Bug了. 这个是 FCKeditor 的 Bug.现在说一下这个产生Bug的方法.希望以后大家用这个编辑器的时候注意一下
一般用这个编辑器产生Bug都是转贴的时候产生的. 就是说在复制过来的时候就出现了. 以下情况都可能出现这个Bug.
1. 直接复制粘贴文章马上提交,这个几率不大。
2.在FCKeditor全选文章,或有选择块的时候,提交前 FCKeditor 会把所选的内容清除...
(好奇怪的做法)
解决办法,复制内容后,随意编辑一下,提交前不要选择任何文字。
一般用这个编辑器产生Bug都是转贴的时候产生的. 就是说在复制过来的时候就出现了. 以下情况都可能出现这个Bug.
1. 直接复制粘贴文章马上提交,这个几率不大。
2.在FCKeditor全选文章,或有选择块的时候,提交前 FCKeditor 会把所选的内容清除...

