貌似最近网上对CSS3的讨论真的很火，现在讲一下CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单，IE8已经支持这个属性，IE6和IE7也可以通过hack支持。RGBA和CSS2里的RBG属性差不多，只是RGBA属性多了一个透明度的定义，CSS3标准里对RGBA属性的解释如下：

1
2
3
4
5

/* 基本语法 */
em { color: Rgba(red,green,blue,opacity) }
/* 举例 */
em { color: rgba(255,0,0,1) }    /* 红色，不透明 */
em { color: rgba(100%,0%,0%,1) } /* 同上 */

在现实中，使用三个1~255的十进制数值去定义一个颜色比用百分比更加准确，下面是几个颜色的RGB数值，大家在使用的时候只需要把00~FF的16进制数值换算成十进制就行了。

奶瓶腿（英文名： Netputweets，开源地址）是一个由 @NetPuter 修改、架设的一个安全的、个性的中文 Twitter 手机客户端，基于 Dabr 源码，在国内非常流行。但是直到目前的最新版（NetPutweets_2009_Final_SP2，发布于2010年1月3日）还没有支持时下最流行的img.ly推图服务。这也对一些喜欢贴图的用户造成了一定的不便，因为奶瓶腿默认的图片上传服务twitpic在国内已经不能访问了，现在写一下为奶瓶腿在上传图片时给用户提供图片服务选择和预览img.ly图片的方法。

1.提供图片服务选项

这个方法参考了《给dabr添加多种图片上传服务》，但选择太多有时反而是累赘，保留大众的就行，因此我精简了一下。

打开common/menu.php，在 function theme_menu_toptop 和 function theme_menu_bottomtom 都进行以下修改。

Bluehost是美国一个著名的主机商，以稳定性著称，全球有超过100万个网站托管在那里详细的介绍可以看鱼叔的介绍。我使用Bluehost已经有差不多两个月了，从刚开始购入这款主机起我一直断断续续地对我的博客进行优化，使页面的打开速度能得到提升。Bluehost对页面传输的优化比较怪，html文件默认是进行Gzip进行压缩的，但对CSS和JS文件不进行压缩，自己也不可以通过.htaccess文件让mod_deflate对CSS和JS文件进行压缩。今天我们只需要使用mod_rewrite提供的功能就可以实现全站CSS和JS压缩。

最近国外有开发者发现Firefox和Opera的一个BUG：无法改变按钮里文字的行高（包括input type=”sumbit”和HTML的button标签）。举个例子，对一个按钮使用以下样式：

1
2
3
4
5
6
7

input#button {
	border: 2px solid #06f;
	color: #06f;
	background-color: #6cf;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 50px;
}

按照常理，这个样式将为按钮设置50px的行高，并使文本垂直居中。因为这个样式在Chrome、Safari和IE8里的表现都一致，唯独在Firefox和Opera里并没有表现出50px的行高，具体效果如下图。

Microsoft Expression Web 3 SuperPreview是微软公司为WEB开发人员推出的一个用来测试网站效果的软件，免费版可以用来测试IE6+的页面效果，并且可试用60天。这对一般的网页设计人员来说已经足够了。特别在升级到Win7以后，老牌测试工具IETester经常报错，令人非常郁闷。微软自家的Web 3 SuperPreview就不会犯这种低级错误了，而且它的功能比IETester强大多了。我以我的日记博客（http://shouy.in）为测试对象演示一下几个好用的功能。

本篇文章讲的是提高WordPress自带的搜索功能的体验，使用Google CSE的可以飘过。

随着站内信息的增多，站内搜索成为了每个网站必不可少的功能。为了提高搜索体验，很多人采用Google Custom Search Engine服务作为站内搜索，可是使用搜索引擎进行站内搜索存在页面收录问题，因此对于新站和是不实用的，因此使用WordPress提供的搜索功能是最好的选择。相对于Google CSE，WordPress的搜索功能有两个明显不足：1.不能显示被检索到的条目数量；2.关键词没有高亮。我们可以通过修改模板来添加这两个功能。

很多人在换主题时首先做的是修改一下，例如加上自己的站点统计代码，或者加上自己的个性功能等等。如果我们把这些功能都做成一个插件，那样我们在换主题时就可以省很多功夫。这篇文章浅浅睇说一下如何做一个你自己的插件。

首先建一个bolo.php文件，在里面写上下面的代码：

1
2
3
4
5
6
7
8
9

< ?php
/*
Plugin Name: bolo
Plugin URI: http://imbolo.com
Description: Bolo's custom plugin
Version: 1.0
Author URI: http://blog.imbolo.com
*/
?>

把这个文件放进一个叫bolo的文件夹里，上传到plugins目录后就可以在后台激活。这就是一个最简单的插件了，什么功能都没有。下面我就加一些功能。

先解释一下本文的标题。“嚟”在粤语里是来的意思；“食”表示吃。标题的意思，大家应该不用我再说一次了。

最近历时两个月“西关美食译名大征集活动”结束，经过市民及专家的评选，62种西关名小吃及西关名老字号有了规范的英文译名。其中有一些菜名很有趣，我们欣赏一下美观的粤菜的同时也学一学Canton English。

在做我的音乐博客 NoSay.in时我曾经考虑了很多日后进行更新时会遇到的问题，例如：以后我想在首页增加一个快速听歌的功能，因此我在每篇日志里都预先写上了custom field；还有某些对用户体验产生很大影响的插件，以后在更换插件的时候，我如何才能使对用户和我自己的影响降到最低？因此我当时选择了一些使用简便的插件。但昨天我看了wordpress.la的《精通 WordPress简码》后，一个更好的想法诞生了。

这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆，并如何利用它们。

如何使用border-radius属性

下面是border-radius属性最基本的使用方法。

1
2
3
4
5
6
7

.round {
	border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
 
	border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */
}

关于在IE里怎么实现圆角，可以看《Excellent Article Which Included Ways to Achieve Rounded Corners in IE》这篇文章。