2010May . 5th

叶问2

叶问2

今天下午和同学一起去中华电影城看了《叶问2》。我很少看电影,更少去电影院,难得有我喜欢的片子的续集,我就去看了。《叶问》系列吸引我主要有这几点:作为一部武打片,《叶问》比较强调武者的武德,看这样的片子无论在视觉上还是精神上都是一种享受;《叶问》的摄影风格比较朴实,夸张的比较少,剧情也还不错,像《风云2》那样光有画面没有剧情的片子叫做烂片,我个人是把《风云2》当作游戏CG看的;熊黛林很漂亮,但她和叶问之间的感情很微妙,我一直想从影片里找到她到底喜欢叶问什么优点。

2010May . 4th

CSS3 灵活的盒子模型(Flexible Box Module) – 1

CSS3 标准里引入了一些新的盒子模型参数,在 CSS2 的基础上,我们将能更灵活地调整页面上各个容器的大小和位置。详细的说明可以看这个文档

通过学习和测试,我发现这种新的盒子模型布局对建立自适应布局的页面带来很大的好处。在这篇文章中,我的所有例子都基于以下 HTML代码:

1
2
3
4
5
<body>
	<div id="box1">1</div>
	<div id="box2">2</div>
	<div id="box3">3</div>
</body>

容器的排列

在通常的情况下,页面上所有容器的顺序都按照载入的顺序排列。而使用 CSS3 提供的功能后,我们可以在不改变 HTML 结构的前提下随意改变容器显示的位置,这样不但给排版带来极大的方便,我们也可以利用这些功能进行流量整形。

2010April . 29th

WordPress 高级设置技巧

WordPress 在编写和修改文章是默认会每隔 60 秒自动保存一次,并且生成一个修订存档,这个设置未必适合每一个人,但后台并没有提供相关的设置。我们可以修改 wp-config.php 里的参数来进行设置。

修改自动保存间隔时间

打开 WordPress 根目录里的 wp-config.php(2.9版本在 wp-settings.php 里),找到以下的代码:

1
define( 'AUTOSAVE_INTERVAL', 60 );

这个常量是 WordPress 自动保存的间隔时间,把 60 修改成你想要的秒数即可。

2010April . 28th

CSS:跨浏览器复合背景

最近发现了一个让 IE6~8 也能呈现 CSS3 Multiple Backgrounds(复合背景)的方法,当时我小小的震惊了一下。看来 IE6 曾经的辉煌不单是微软的捆绑和网银的支持造成的,在当年,它强大的功能也令其它浏览器难以追赶。废话不说了,先说说 CSS3 里的标准做法。

在 CSS3 标准里,Background 属性被赋予更加强大的功能,在 CSS2.1 的基础上,我们可以对一个对象同时使用多个背景图片。例如如下的样式:

1
2
3
#multiple-bg {
	background-image: url(top.png), url(middle.png), url(bottom.png);
}

添加符合背景图片的时候先从最顶层开始添加,按从高到低的顺序写样式。大家可以看这个 Demo。可以尝试用 IE 打开看看效果。

2010April . 25th

浅谈博客 SEO(搜索引擎优化) 技巧

提高网站流量最好的方法是针对搜索引擎进行优化(SEO)。SEO 是一门需要长期研究的学问,随意而为的话网站不可能获得尽可能高的排名,但肆意堆砌关键词又会受到搜索引擎的惩罚。本篇文章仅针对博客浅谈一下搜索引擎优化技巧,SEO 高手可以忽略。

如何定义关键词(Keywords)和页面描述(Description)

页面关键词和描述的作用是为搜索引擎提供相关度的依据,对搜索排名影响非常大。搜索引擎的基本工作原理可以看下图。
搜索引擎基本工作原理

2010April . 21st

WordPress 分享插件:iBegin Share (mod)

WordPress 分享插件:iBegin Share (修改版)

因为网络上提供的网址分享插件都没有一个能完全符合我的要求的,所以我曾经想自己做一个分享插件。但得益于 WordPress 繁多的插件,我找到了 iBegin Share 这个插件(在官网下载的插件无法正常运行,因此我制作了一个修改版),它已经满足了我大部分的要求。

2010April . 20th

网页圆角的取舍

在网页里使用圆角效果是使网页更加美观的一个简单而有效的方法,可是由于 IE 和一些老式浏览器的存在,如何使页面在各个浏览器里的效果一致一直困扰这网页设计人员。最近我在制作主题时面对一个艰难的抉择,因为我要在主题里使用大量的圆角,我应该如何去协调圆角在不同浏览器里的效果?下面我将列举一些产生圆角的方法,并阐述一下它们的优点和缺点,各位观众在以后遇到这种问题的时候可以根据自己的时间或者技术需要进行取舍。

CSS 圆角

关于 CSS 圆角在《再谈 CSS 圆角》一文里已经有详细的阐述。但纯 CSS 的圆角一些老式浏览器根本不支持。使用框架叠加的话不但会使页面结构变得非常复杂,而且大量的多余框架也会给一些后期开发带来困难。而使用圆角的图片作为背景则很难在一些灵活多变的页面里进行应用。因此 CSS 圆角目前只能在一些框架(主要是宽度)比较固定的页面里,通过图片的方式来实现。

2010April . 11th

CSS : Visibility 和 Display 属性的比较

如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对?

Visibility 和 Display 属性的区别

这里有个 Demo 可以比较 visibility: hidden 和 display: none 的区别。点击页面上部的链接,页面里绿色的 Div 将会进行相应的改变。请留意一下当绿色的 Div 属性分别被设为 visibility: hidden 和 display: none 时对其它元素会有什么影响。

2010April . 7th

转:大学一年来

首先说明一下,这是一个师弟的文章,刊登在学院某社团的社刊上,本人觉得很值得思考,于是转载一下。

一.关于学校

我现在所读的学校是一所三流的大专院校,校名很长,长到我读近一年还记不住它的全称,只记得它的简称叫广工贸,这与重本广东工业大学的简称广工如出一辙,每每有曾经的朋友问我现在在哪里读时,我说在广工贸,而他们普遍都喜欢把“贸”字忽略,听成广工。于是他们就一个劲儿地握着我的手説,广工好啊,好样的。我懒得去解释,也乐得去接受他们误解的羡慕。如果说来广工贸还有一件事值得我欣慰的话,那就是它的简称取的太有品味了,它完全能满足我的虚荣。

我是复读一年高三才考到广工贸的,比起复读那年狂妄的说过非本科不读的雄心壮志,现在走在广工贸的校园里,感心里觉得对自己的奋斗是一个莫大的讽刺,越想越觉得自己对不起大喜大悲的08年。尽管广工贸的校园环境不赖,但骨子里就是会莫名的排斥它,见人就说它是一所三流的学校。直到有一次,班主任跟我说,你不用抱怨广工贸有多烂,那只是在证明你也很烂,如果你不烂,怎么会考到这么烂的学校。

从此,我逢人就说,广工贸很好。按班主任“学校烂证明人烂”的逻辑,那么我说学校好,则证明人好。我承认我本人不是很好,但至少得让别人听了会错误的认为我很好。

二.关于年龄

我是农民的儿子,言下之意就是我的家曾经很穷,所谓经济决定文化,贫穷迫使我比一般人晚两年上学,加之复读一年高三,所以我比同届生老三岁,这很让我尴尬,特别是刚来广工贸时,要亲自填很多个人档案,旁人看到我的出生年月都吓一跳,问我是否写错了,要不然我这年纪可以做他们的叔叔,尴尬几回后,我学聪明,要再写个人档案时,我故意赖到最后一个写,然后直接交给相关负责人。

年龄的差距有时很微妙,相隔三岁可以筑成类似两代人无法逾越的鸿沟,也许我太成熟,抑或是他们太幼稚,堆在一起总是找不到共同的语言,为跟他们混在一块,我学着去装傻B,伪装到后来,感觉很累。于是心底感叹:看到他们,我就想起了当年,年轻真好。

三.关于恋爱

某协会的会长是一能力超强的师姐,我认识她,人算一般,走到街上不会影响市容。有一次跟她聊天时,她说她大学三年里,几乎什么都得到了,唯一失败的事情就是,三年来没有一个男生泡她。我听完吓一跳,反思自己一年来的感受,确实替师姐悲哀。如果懂得除了谈恋爱就没什么事可做的大学生活,才晓得谈恋爱对大学生的重要。

纵观校园里的一对对情侣,得出一个共同点:他们不是很帅就是很有钱。像我这种两者都不拥有的人,若牵着一女孩的手,会让人觉得很煞风景。曾想用实际行动来突破自己,可小A説,喜欢我的女孩只有两种:一种是瞎子,另一种是对我有企图。可校园里找不到瞎子,我又没有什么可供她们企图的。因此,泡妞计划还没开始,就一闻到结局的味道。于是,我继续单身,坚守一个人的世界。

四.关于成长

高中时忙碌得疲惫,大学时悠闲得疲惫,两者的疲惫,性质不同但本质是一样的。高中时羡慕大学的悠闲,大学时又羡慕高中的充实。错位的羡慕,让我一度迷失自己。

刚开学时,积极参加很多校园社团活动,但渐渐地觉得很累,于是退了出来。亦当过文娱委员,可发现自己为此付出很多,却遭来全班人的白眼,心里不平衡,于是又把文娱委员一职给辞掉。后来无官一身轻,突又觉得空虚。最后选择在电脑面前堕落自己。小A説,21世纪的大学生是堕落的一代,我有同感。觉得羡慕大学生的人都有点庸俗。

一直在寻找生活的重点和生命的意义,可找了一年还是和来时一样彷徨。也许大学生活就是这样的:没经历过不知道它是什么,经历过后才知道它什么都不是。

读高中的唯一目的是考上大学,读大学的唯一目的是把高中三年的知识全部忘掉。现在我还记得其中一些,我想,当我什么东西都记不起来了,那么那时我就该大学毕业罢。

刊登这篇文章的社刊被学院里的一些老师传阅后引起了一些不满,于是下令全部回收,并且要求该社团社长写检讨书。我在想,这像不像秦朝的焚书?也许还我可以再扩展一下来想,但这太可怕了。

注:请和谐评论。

2010April . 6th

入手三星 i7500 Galaxy

三星 i7500 Galaxy

昨天父亲给我一点 RMB ,我败了一台三星 i7500 Galaxy 手机。终于拿到了我梦寐以求的 Android 手机。现已把玩一天,分享一下我的看法。

腐败之前我在推特上请教了一些人(充分的了解),在这里感谢 @ksky 、 @Jutoy 和 @leomo 给我的帮助。Android 真的是一个很优秀的系统,除了官方的 Android Market 以外还有国内的安卓应用市场为广大 Android 饭提供了众多的软件(大多数还是免费的),我们不需要担心软件不足的问题。另外 Android 也是一个不用不知道其强大的系统,和大众的 S60 完全不同,我指的是使用体验。Android 所需的软件绝大部分都可以通过手机访问 Android Market 在线安装,而不像 S60 一样需要到第三方软件站下载,大大降低了安装恶意软件的风险。Android Market 也有完善的评分和评论系统,我们大可以先比较同类软件的口碑再进行下载。另外一个强大之处在于采用 Android 系统的手机应该是目前最接近 PC 的手机,我们可以通过 Recovery 备份自己的手机,就像 Ghost 一样。还可以升级系统的版本,获取更强大的功能。

Subscriber selector

Close