WordPress 分享插件:iBegin Share (mod)

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

因为网络上提供的网址分享插件都没有一个能完全符合我的要求的,所以我曾经想自己做一个分享插件。但得益于 WordPress 繁多的插件,我找到了 iBegin Share 这个插件(在官网下载的插件无法正常运行,因此我制作了一个修改版),它已经满足了我大部分的要求。
在网页里使用圆角效果是使网页更加美观的一个简单而有效的方法,可是由于 IE 和一些老式浏览器的存在,如何使页面在各个浏览器里的效果一致一直困扰这网页设计人员。最近我在制作主题时面对一个艰难的抉择,因为我要在主题里使用大量的圆角,我应该如何去协调圆角在不同浏览器里的效果?下面我将列举一些产生圆角的方法,并阐述一下它们的优点和缺点,各位观众在以后遇到这种问题的时候可以根据自己的时间或者技术需要进行取舍。
关于 CSS 圆角在《再谈 CSS 圆角》一文里已经有详细的阐述。但纯 CSS 的圆角一些老式浏览器根本不支持。使用框架叠加的话不但会使页面结构变得非常复杂,而且大量的多余框架也会给一些后期开发带来困难。而使用圆角的图片作为背景则很难在一些灵活多变的页面里进行应用。因此 CSS 圆角目前只能在一些框架(主要是宽度)比较固定的页面里,通过图片的方式来实现。
如果你想改变一个 HTML 元素的可见性,你会把这个元素的 CSS 属性改为 visibility: hidden 还是 display: none ?这两个属性有什么不同?在页面元素可见性改变时你如何应对?
这里有个 Demo 可以比较 visibility: hidden 和 display: none 的区别。点击页面上部的链接,页面里绿色的 Div 将会进行相应的改变。请留意一下当绿色的 Div 属性分别被设为 visibility: hidden 和 display: none 时对其它元素会有什么影响。
首先说明一下,这是一个师弟的文章,刊登在学院某社团的社刊上,本人觉得很值得思考,于是转载一下。
一.关于学校
我现在所读的学校是一所三流的大专院校,校名很长,长到我读近一年还记不住它的全称,只记得它的简称叫广工贸,这与重本广东工业大学的简称广工如出一辙,每每有曾经的朋友问我现在在哪里读时,我说在广工贸,而他们普遍都喜欢把“贸”字忽略,听成广工。于是他们就一个劲儿地握着我的手説,广工好啊,好样的。我懒得去解释,也乐得去接受他们误解的羡慕。如果说来广工贸还有一件事值得我欣慰的话,那就是它的简称取的太有品味了,它完全能满足我的虚荣。
我是复读一年高三才考到广工贸的,比起复读那年狂妄的说过非本科不读的雄心壮志,现在走在广工贸的校园里,感心里觉得对自己的奋斗是一个莫大的讽刺,越想越觉得自己对不起大喜大悲的08年。尽管广工贸的校园环境不赖,但骨子里就是会莫名的排斥它,见人就说它是一所三流的学校。直到有一次,班主任跟我说,你不用抱怨广工贸有多烂,那只是在证明你也很烂,如果你不烂,怎么会考到这么烂的学校。
从此,我逢人就说,广工贸很好。按班主任“学校烂证明人烂”的逻辑,那么我说学校好,则证明人好。我承认我本人不是很好,但至少得让别人听了会错误的认为我很好。
二.关于年龄
我是农民的儿子,言下之意就是我的家曾经很穷,所谓经济决定文化,贫穷迫使我比一般人晚两年上学,加之复读一年高三,所以我比同届生老三岁,这很让我尴尬,特别是刚来广工贸时,要亲自填很多个人档案,旁人看到我的出生年月都吓一跳,问我是否写错了,要不然我这年纪可以做他们的叔叔,尴尬几回后,我学聪明,要再写个人档案时,我故意赖到最后一个写,然后直接交给相关负责人。
年龄的差距有时很微妙,相隔三岁可以筑成类似两代人无法逾越的鸿沟,也许我太成熟,抑或是他们太幼稚,堆在一起总是找不到共同的语言,为跟他们混在一块,我学着去装傻B,伪装到后来,感觉很累。于是心底感叹:看到他们,我就想起了当年,年轻真好。
三.关于恋爱
某协会的会长是一能力超强的师姐,我认识她,人算一般,走到街上不会影响市容。有一次跟她聊天时,她说她大学三年里,几乎什么都得到了,唯一失败的事情就是,三年来没有一个男生泡她。我听完吓一跳,反思自己一年来的感受,确实替师姐悲哀。如果懂得除了谈恋爱就没什么事可做的大学生活,才晓得谈恋爱对大学生的重要。
纵观校园里的一对对情侣,得出一个共同点:他们不是很帅就是很有钱。像我这种两者都不拥有的人,若牵着一女孩的手,会让人觉得很煞风景。曾想用实际行动来突破自己,可小A説,喜欢我的女孩只有两种:一种是瞎子,另一种是对我有企图。可校园里找不到瞎子,我又没有什么可供她们企图的。因此,泡妞计划还没开始,就一闻到结局的味道。于是,我继续单身,坚守一个人的世界。
四.关于成长
高中时忙碌得疲惫,大学时悠闲得疲惫,两者的疲惫,性质不同但本质是一样的。高中时羡慕大学的悠闲,大学时又羡慕高中的充实。错位的羡慕,让我一度迷失自己。
刚开学时,积极参加很多校园社团活动,但渐渐地觉得很累,于是退了出来。亦当过文娱委员,可发现自己为此付出很多,却遭来全班人的白眼,心里不平衡,于是又把文娱委员一职给辞掉。后来无官一身轻,突又觉得空虚。最后选择在电脑面前堕落自己。小A説,21世纪的大学生是堕落的一代,我有同感。觉得羡慕大学生的人都有点庸俗。
一直在寻找生活的重点和生命的意义,可找了一年还是和来时一样彷徨。也许大学生活就是这样的:没经历过不知道它是什么,经历过后才知道它什么都不是。
读高中的唯一目的是考上大学,读大学的唯一目的是把高中三年的知识全部忘掉。现在我还记得其中一些,我想,当我什么东西都记不起来了,那么那时我就该大学毕业罢。
刊登这篇文章的社刊被学院里的一些老师传阅后引起了一些不满,于是下令全部回收,并且要求该社团社长写检讨书。我在想,这像不像秦朝的焚书?也许还我可以再扩展一下来想,但这太可怕了。
注:请和谐评论。

昨天父亲给我一点 RMB ,我败了一台三星 i7500 Galaxy 手机。终于拿到了我梦寐以求的 Android 手机。现已把玩一天,分享一下我的看法。
腐败之前我在推特上请教了一些人(充分的了解),在这里感谢 @ksky 、 @Jutoy 和 @leomo 给我的帮助。Android 真的是一个很优秀的系统,除了官方的 Android Market 以外还有国内的安卓应用市场为广大 Android 饭提供了众多的软件(大多数还是免费的),我们不需要担心软件不足的问题。另外 Android 也是一个不用不知道其强大的系统,和大众的 S60 完全不同,我指的是使用体验。Android 所需的软件绝大部分都可以通过手机访问 Android Market 在线安装,而不像 S60 一样需要到第三方软件站下载,大大降低了安装恶意软件的风险。Android Market 也有完善的评分和评论系统,我们大可以先比较同类软件的口碑再进行下载。另外一个强大之处在于采用 Android 系统的手机应该是目前最接近 PC 的手机,我们可以通过 Recovery 备份自己的手机,就像 Ghost 一样。还可以升级系统的版本,获取更强大的功能。
CSS3 很强大,但目前各个浏览器对它的支持程度不同一直是 CSS3 不能被应用的主要原因。今天 Bolo 推荐两个在线跨浏览器 CSS3 规则生成器。

CSS3, please! 只有一个页面,上面以标准的 CSS 语法罗列了一些目前常用的 CSS3 属性在各种浏览器里的 hack ,通过点击各个属性上的 {toggle rule off/on} 可以禁用或启用该属性,页面的 logo 会做出相应的变化。
自从微博鼻祖 Twitter 大红大紫以后,国内先后冒出了许多跟风者,如已经被死亡的饭否,明星汇聚的新浪微博和新鲜出炉的网易微博。但由于国内政策等种种因素,这些微博要么无法访问(Twitter),要么经常被维护(嘀咕等),要么经常以违反某些规定为由被删帖(新浪微博等)。因此一些神通广大的站长同学们纷纷搭建了自己的私人微博,用来记录自己的生活琐事等等。WordPress 官方针对这种趋势,甚至专门推出了一个微博主题,使 WordPress 博客能像微博一样展示内容。
今天我要推荐一款在 WordPress 博客里构建一个能让注册用户交流的微博系统的插件: WP Admin Microblog。
阴影是最常用的 CSS 效果之一,CSS3 标准已经增加了阴影属性,下面讨论一下阴影在各种浏览器里的实现方法。
CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下:
1 | box-shadow: 3px 3px 4px #000; |
上面的样式里,前面两个 “3px” 表示阴影在 xy 两个坐标轴上的偏移量,x轴的正方向向右,y轴正方向向下。这个坐标和我们平时用的有点出入。在 Firefox 和 Webkit 等浏览器里,为了达到最高效率,建议通过私有的 hack 实现 CSS 阴影,可以这样写:
因为大多数虚拟主机都有流量限制(特别是博客主机),因此很多人都选择把图片储存到 Flickr 和 Picasa 等免费相册里,再通过外链插入到文章里。但由于这些网站经常被 block ,因此我建议大家还是尽量把图片放到自己的服务器上。
由于我个人很懒,万一博客搬家的话,过多的文章附件将会给文件的迁移带来麻烦。因此我以 cosbeta 的 Pika 插件为蓝本写了一个远程图片代理程序,并对较多博客使用的 Picasa 、 Flickr 和 PhotoBucket 这三个图床服务进行了防止链接被重置的处理。请点这里下载脚本。
transform rotate 是CSS3里使对象旋转的一个属性,虽然目前所谓的兼容CSS3的浏览器对它的支持还不算好,但Firefox、Webkit和Opera这些浏览器都已经提供了官方的hack去支持这个属性。唯独在IE里,这个属性无法通过一般的CSS去实现。
在W3C官方的标准里,通过transform属性使对象旋转的写法如下:
1 | transform: rotate(40deg); /* 其中40是旋转的角度 */ |
可是由于目前几乎所有的浏览器对这个属性的渲染效率都很低,所以我们可以用下面的hack去提高渲染效率:
Recent Comments