友情链接一二 2010年01月5日 3 Comments

今天一起将老友棉胎和Blues的blog链接更新了,棉胎的blog其实前几天就上线了,重新改名叫“棉胎急呼SOS”,看得出这家伙必要看不住自己的嘴巴了;Blues的”Zen Log”名字很酷,Zen!

棉胎急呼SOS:http://www.bcxw.org

Zen Log:http://zenzlog.com

很高兴周围又有朋友加入了独立博客的生活。。。

用YQL帮助显示Twitter消息 2009年12月22日 1 Comment

我们经常看到一些Blog或者内容发布站点会将自己的Twitter消息显示在网站的某个位置(比如边栏),这些功能大多都是由后台程序(如PHP)来完成,若没有个人可管理的服务器或者不支持运行后台程序将无法使用;使用JavaScript版的则需要浏览器端能正常访问Twitter数据源,但由于某些网络原因也无法实现。

今天自己动手写了一个基于YQL和JavaScript的简单脚本,可以帮助人们实现显示个人Twitter消息的需求,本页面边栏的“Tweets”就是使用它来实现的。所以只要你的站点可以运行JavaScript,并且能访问YAHOO! API ;那么就放心地将下面的代码嵌入到你想在自己站点上显示Twitter 的地方吧,如下:

<script type=”text/javascript” src=”http://swayweb.com/labs/twitter_timeline.js”>id:swaydeng,limit:5,style:false</script>

其中’swaydeng’替换成你的TwitterId,limit代表你打算显示twitter的条数(小于等于20),style表示嵌入的twitter消息框是否需要加入CSS样式,目前是false。

就是这么简单,欢迎使用。

1px Dotted Border Bug In Chrome3.0 2009年12月8日 No Comments

这是一个关于浏览器对CSS属性border的解析问题。在IE6下,当把边框(border-width)设置为1像素并且边框样式(border-style)设置为dotted时,IE6通常会渲染成虚线(dashed)而不是我们想要的点线(dotted),这就是古老的1px Dotted Border Bug In Internet Explorer 6,好消息是在IE6以后的版本里修复了这个bug。

然而最近做测试时发现,以上提到的IE6的bug很不幸地转移到了Chrome上,具体现象是:在Chrome3.0下,当把边框(border-width)设置为1像素并且边框样式(border-style)设置为dotted时,无论长短,线段中部都会有一段实线,只有当border-width大于1px时才正常,很奇怪;补充一点,同样使用WebKit引擎的Safari3.2并不存在这个错误。

本人的测试环境:操作系统是WinXp Pro,屏幕分辨率是1280×800,浏览器是Chrome3.0.195.33。我在想,这难道是Chrome的一个渲染bug?模仿IE,先称此bug为1px Dotted Border Bug In Chrome3。

测试页面(Test Page)

Notepad++目录插件:Explorer plugin 2009年12月1日 No Comments

除了Windows自带的文本编辑器notepad,我还用UltraEdit、Notepad++、Editplus,UltraEdit业界口碑很好,但由于中文用户需要处理较多编码问题,我个人觉得UltraEdit对编码处理并不是很方便;Editplus运行飞快,尤其对一些超大文本的处理比Notepad++强很多,而且其“目录窗口”对于管理复杂结构文件目录很有用,但是在符号配对方面,其仅仅支持括号配对而不支持标签配对,这对于经常编辑XML、HTML文档的人员很不利(当然也有强人不需要);Notepad++是我最喜欢的编辑器,除了其官方介绍的等等优点以外,我个人很喜欢其标签配对功能、灵活的编码选择和硬朗的外观,虽然处理超大文本常常假死,但我可以勉强用以上提到的Editplus替代,唯一让我遗憾的是Notepad++没有类似Editplus和UltraEdit都具备的“目录窗口”。今天,对于我,以上问题不再是问题了,Notepad++是支持插件的,一款插件帮我解决了难题,它就是Explorer plugin,它让我们的Notepad++也拥有“目录窗口”,变得更加完美。

现在Explorer plugin的最新版本是Version1.8.2,下载后解压可得到文件Explorer.dll,将其放在 “Notepad++安装目录/plugins”下,重启Notepad++会发现工具栏多了一个叫Explorer的按钮,点击之,即可看到期待已久的“目录窗口”。

对input 使用focus()函数(兼容Firefox和IE) 2009年11月29日 No Comments

我们有时会有这样的需求:当页面加载完成后自动将光标定位到某个输入框上,起到引导和方便用户之功效,如谷歌首页、Gmail登陆界面等;原理较简单,通常可以用一段Javascript略微控制,如

...
window.onload = function(){
   document.getElementById('term').focus(); //假设页面中需要赋予焦点的input的id为'term';
 }
...

以上代码可以解决input框初始值为空的情况,假如初始值不为空,如我们引导用户输入一个网址,使初始值为’http://’,这时HTML可能是这样:

...

...

如果再试图用上面的Javascript代码来赋予焦点,会发现在Firefox下光标停在input框内文字的末尾,而在IE6下却停在了input框内文字的开头处,通常,Firefox的执行结果使我们所希望的。要想让IE6得到像Firefox一样的结果,以下是我的解决办法:

...
   window.onload = function(){
     var term = document.getElementById('term');
     term.focus();
     term.value = term.value;     //关键就是多加了这一句;
   }
...

Opera Mini:让我如何是好 2009年11月24日 No Comments

一直听说Opera Mini国际版可以帮助破墙,昨天终于在我的黑莓上安装了一个,很不幸,看到了下面的画面:

今天和blues刚好聊到这个话题,回网上一查才知道,更不幸的事情发生了:就因为迟到了两天,本人可能即将成为使用黑莓而从来没有用过Opera Mini国际版翻墙之人,Opera Mini国际版服务器终止了来自中国的访问请求。

好好的,你Opera为啥就不让咱们勤劳善良的老百姓使用呢?肯定是3G时代来临,富裕的中国人都要耍手机看电视,泡论坛,Opera服务器受不了了吧;不对,看TVCC、泡强国论坛等好像不需要请求国外地址,所以Opera中国说,行了,也别折腾了,来用“Opera Mini中国版,更快更稳定( better browsing experience ) ”,也省得把我们Opera中国晾在一边;既然都已经有Opera中国了,那千千万万英语不咋地的中国人还费尽周折地安装Opera Mini English Version又是为何,不就是想借矛在高墙上捅个洞、透透气嘛,看来是有其他人不干了:老子这些狗已经够麻烦了,你还帮他们挖狗洞?要么给我乖乖做生意,要么早点走人!唉!Opera老兄,我对你的遭遇表示遗憾。

只是Opera你就不能活的有骨气一点吗?还没拿到北京户口怎么就整的跟中国衙门一样,不敢讲真话也别说假话忽悠大家啊,从能通过Opera Mini访问   Twitter、Facebook、Wikipedia等这些最好的互联网应用到现在的不能使用,你怎么就这么自信地告诉大家这样的变化是”For better browsing experience”呢!

《2012》值得一看 2009年11月22日 1 Comment

.         正如之前所预料的一样,昨天终于费了九牛二虎之力把《2012》看了,还好它让我认为一切辛苦都是值得的。从视觉效果来说,《2012》是一部值得花钱去影院享受的片子,逼真恐怖的画面带来的视听冲击使人压抑而又紧张,心脏和小腿无处可逃(不知拍成立体会是什么感觉)。有人认为《星球大战》是科幻电影的巅峰、《魔戒》是魔幻电影的巅峰,而《2012》是灾难电影的巅峰,我想是的。
.        当然,作为中国人,更应该去看看这部片子,因为Chinese have double faces in 2012,倍儿有面子。

说明一下 2009年10月26日 2 Comments

前天数字游牧已帮助更换了反正乱拨的IP,这样一来也免得我再去麻烦互联网信息中心的公仆们。不说了,祸从口出,总之,不用翻墙去管理自己的Blog真TMD的爽,珍惜每一天的好时光吧。如果你有闲情雅致愿意来访问我的WEB以支持我或展示对他、她、它的不满,请点击以下链接:http://swayweb.comhttp://www.swayweb.com。如果不能访问,请在hosts中加入一段(具体如何操作):
69.163.135.5    swayweb.com
69.163.135.5    www.swayweb.com