CSS下拉菜单框架

2010/03/10 2 comments

CSS下拉菜单框架

CSS Drop-Down Menu Framework是一个基于GNU General Public License开源的纯CSS下拉菜单框架,能在IE5+、Firefox1.5+、Safari2+、Chrome1+和Opera7+这些浏览器上运行,但在IE6和IE6之前的浏览器里是通过JavaScript辅助的。你可以修改它,以应用在你的网站。CSS Drop-Down Menu Framework完全符合XHTML1.1和CSS2标准,使用这个框架,创建一个与众不同的下拉菜单只需要十几分钟。目前有Flickr、nVidia和Adobe等大型网站的下拉菜单都使用了这个框架。 »Continue…

Categories: Develop Tags:

短网址程序评测

2010/03/07 18 comments

随着微博客的兴起,博客们也出现了搭建个人短网址的热潮。自建短网址程序利于在微博客上传播自己的链接,对自己博客PR的提高也有一定帮助。今天对部分知名的开源短网址程序进行一次简单的评测,方便大家选择。

Phurl

Phurl是Google Code上的一个开源项目,作者专注于网址跳转功能,最大的亮点是服务器不支持Apache mod_rewrite 也可以正常工作,而且支持http、https、ftp、ftps、mailto、news、mms、rtmp、rtmpt和e2dk等协议的缩短,十分强大。有验证码功能,可以防止恶意刷服务器。Phurl的不足之处是后台功能非常简单。

kissabe

kissabe号称是克隆tinyurl的短网址程序,除了缩短网址以外还可以缩短E-mail地址和长TXT文本,甚至可以提供图床功能。这个程序对用户体验十分执着,提供了浏览器书签和Firefox插件,用户不需要访问程序主页就可以缩短当前浏览网址。但美中不足是源代码里的JavaScript脚本有点问题,有技术的人请先修改JavaScript脚本再使用。kissabe3.0版基于joy框架搭建对服务器有一定要求,个人建议使用2.1版本。 »Continue…

Categories: Internet Tags: ,

CSS3 RGBA 属性高级用法

2010/03/06 6 comments

貌似最近网上对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进制数值换算成十进制就行了。 »Continue…

Categories: Develop Tags:

为奶瓶腿增加img.ly推特图床服务API

2010/03/04 10 comments

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

1.提供图片服务选项

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

打开common/menu.php,在 function theme_menu_toptopfunction theme_menu_bottomtom 都进行以下修改。 »Continue…

Categories: Develop Tags: , ,

BlueHost Gzip优化JS和CSS传输

2010/03/03 9 comments

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

Categories: Internet Tags: , ,

Firefox Input Button Line-Height Bug

2010/03/01 12 comments

最近国外有开发者发现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的行高,具体效果如下图。 »Continue…

Categories: Develop Tags: , , ,

IE测试工具:Web 3 SuperPreview

2010/02/25 14 comments

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

Categories: Develop, Software Tags: , ,

提高WordPress搜索体验

2010/02/22 14 comments

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

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

Categories: Develop Tags:

做一个自己的插件

2010/02/16 18 comments

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

首先建一个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目录后就可以在后台激活。这就是一个最简单的插件了,什么功能都没有。下面我就加一些功能。 »Continue…

Categories: WordPress Tags: ,

过年嚟食广东菜

2010/02/10 25 comments

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

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

Categories: Journal Tags: ,
X [¥15]