星期天, 五月 10th, 2009
最近看了一些基于 jQuery 的好玩的导航菜单，然后就想到了这样一个效果的菜单，其实我也不知道该叫它什么效果，就叫旗帜效果 (flag style) 吧。
先来看看最终效果是什么样的： 演示(Demo)
一个导航菜单，最重要的是可访问性，其他的效果都是为了锦上添花的，所以首先我们要做一个纯 CSS 的纵向导航菜单，这样即使用户关闭了 JavaScript 也能无障碍的访问。
第一步： 一个语义化的 HTML 结构
[code lang="html"]
<h2>Flag Navigation</h2>
<ul id="nav" class="nav">
<li><a href="#">1 HTML</a></li>
<li><a href="#">2 CSS</a>
<ul>
<li><a ...
Posted in JavaScript, WebDevelop | 3 Comments »
星期一, 五月 4th, 2009
昨天看到某个 blog 上一个 3D Tag Cloud 插件，效果很炫，是用 Flash 写的。很想把它移植到 JavaScript 来，不过尝试失败，最后得到的效果不甚理想，不过还是记录下来吧，也算是一个学习的过程。
*演示(Demo)
*下载(Download)
这个效果是基于 jQuery 编写的，也用到了 GSGD 的 Easing Plugin (如果选择使用 jQuery 自带的 "linear" 或者 "swing" 效果的话则不需要包含此插件)。
首先需要一个适当的 html 结构：
[sourcecode language="html"]<h2>Circle Tag Cloud</h2>
<div id="tag_cloud">
<a id="tag1" href="#1" style="font-size: 20pt; color:blueviolet">UED</a>
<a id="tag2" href="#2" style="font-size: 10pt; color:maroon">JavaScript</a>
...
Posted in JavaScript | 3 Comments »
星期一, 十一月 5th, 2007
阿里妈妈 WordPress 插件大赛 2007-11-05 正式开赛
大赛主旨：阿里妈妈（www.alimama.com）是国内一个崭新的广告自助交易平台，自发布以来，已经在业内引起极大的反响，发展速度超快。在阿里妈妈平台上，网站可以对自己的广告位自由定价，广告主可以根据自己的意愿自由选择广告投放网站，网络广告交易做到全自动化和公开化。
通过此次大赛，我们希望您能够按照自己对于阿里妈妈平台的理解，设计基于 WordPress 的阿里妈妈插件，WordPress 用户启用该插件后，可以在 WordPress 中更加方便的并发布和管理广告位，甚至注册会员。
此次大赛中，我们会提供标准的阿里妈妈API接口，您可以根据API接口编写 WordPress 插件，体裁不限。
活动时间：2007年11月05日至2007年12月25日
活动主办：WordPress 中文论坛
活动协办：WordPress 中文团队
赞助商：阿里妈妈
参与方式：
比赛截止日期前将参赛作品通过发帖形式上传至 WordPress 中文论坛专门板块。
您也可以通过在您的博客上宣传来参与此次活动。对您的支持，我们表示诚挚的谢意！
参赛作品要求：
要求插件和阿里妈妈相关，使得能够在 WordPress 中更加方便的并发布和管理阿里妈妈广告位。
要求作品至少兼容 WordPress 2.3 版本。
要求原创作品，不接受对其他插件的简单修改版本，包括对其进行汉化、更改代码等处理后重新发布的版本。
要求在插件大赛开幕之前未发布产品。
参赛作品必须遵循 GNU General Public License 版权规则或其的兼容版本。
不能包含插件无关的内容与链接。
奖项设置：
一等奖 1 名: iPhone 4G 版一个
二等奖 2 名: iPod 8G 2007年新版一个
三等奖 4 名: iPod Shuffle 二代一个
注意事项：
每位参赛者可以上传多个作品，但是只能获得一个其能获得的最高奖项。解释：如果参赛者A发布了A1和A2作品，参赛者B发布了B1作品，参赛者C发布了C1作品，假设A1得到最高分100分，A2得到99分，B1得到98，C1得到97分，那么参赛者A只会因为A1获得第一名的奖项，作品A2的获奖资格自动被取消，B1将得到第二名，C1将得到第三名。
每个作品都要求打包成压缩文件。压缩包中包含对插件的介绍。
评选办法：
由 WordPress 中文论坛和阿里妈妈共同评定。
时间安排：
准备期：在大赛宣布开始之日起（2007年11月05号），选手阅读说明，制作作品，然后将参赛作品发布到 WordPress 中文论坛专门板块，并注明作品名称和简单介绍。
提交作品截止日期为北京时间2007年12月15号24点整。
整理作品和评比： 2007年12月16号至2007年12月24号
结果揭晓：2007年12月25号，阿里妈妈公布获奖名单，颁发奖品。
大赛落幕。
其它：
比赛介绍与规则以 WordPress 中文论坛的比赛帖子(地址: http://wordpress.org.cn/forums/thread-6560-1-1.html)为准
我们有权利在不通知的情况下根据情况对规则进行一些微调。
WordPress ...
Posted in 插件 | 7 Comments »
星期一, 十月 8th, 2007
从暑假开始使用 Google Reader ，最初只是用它最基本的功能——订阅。渐渐地，不再满足于简单阅读，开始使用星标、分享等功能。前几天突然想把我的 Google Reader 的分享内容加到我的侧边栏里，于是搜索了一圈，试用了几个插件，最后选定了 Google Reader Widget 这个插件。这个插件带有 widget ，添加方便，而且可以设置显示的方式。
现在本地测试了一下，没什么问题，顺便修改了一下默认的显示设置。但是传到本站却显示不了任何条目。在站点里找到一个error_log文件，里面有如下警告：
PHP Warning: file_get_contents() [<a href='function.file-get-contents'>function.file-get-contents</a>]: URL file-access is disabled in the server configuration in /.../wp-content/plugins/googlereader.php on line 56
原来我的服务器的php.ini里的设置导致 file_get_contents 函数不能以 URL 作为参数，但是我又无法更改这个设置。好在 WordPress 给我们提供了一个 Snoopy 类来完成这件事，我在 Fanfou Daily 这个插件里也用到了这个类。修改 googlereader.php 的第56行从
[sourcecode language="php"]$stories = file_get_contents($uri);[/sourcecode]
修改为
[sourcecode language="php"]require_once ABSPATH.WPINC.'/class-snoopy.php';
$client = ...
Posted in 插件 | 7 Comments »
星期一, 十月 1st, 2007
Fanfou-Daily 0.1版发布至今已经有一个月了，这期间我本地的 WordPress 测试站上一直开着这个插件，没有发现什么大的问题。只出现过一个小bug，就是在某日我“话性”大发，在饭否上灌水过多，导致插件在获取饭否消息时执行时间较长，由于wp-cron的触发方式使得同一篇日志发了两遍。因为这个bug不常见而且很难重现，就没去改它了。最近 WordPress 2.3 版发布了，就更新了这个新版本，顺便修复一下这个bug。
Fanfou-Daily
下载 v0.2
Fanfou-Daily v0.2
更新
修改插入分类的方式，使得插件同时支持WordPress 2.3及WordPress 2.1；
修复v0.1的一个重复发表日志的bug；
添加对语言包的支持，并制作了简体中文语言包；
解决了0.1版发布时最后的问题，现在本插件的所有文件可以放在一个子文件夹下；
在WordPress 2.3版本上使用本插件会有支持tags的选项，可以给发表的日志加上tags，在WordPress 2.1版本上使用则无此选项；
安装*
解压后得到Fanfou-Daily这个文件夹，上传到/wp-content/plugins/，上传后的路径应该是/wp-content/plugins/Fanfou-Daily，然后在Plugins菜单里激活即可。
功能介绍、使用方法及注意事项在这里
在使用中有什么问题可以给我留言或者发信给我。
PS: Denis 今天早上喜得千金，恭喜他当爸爸了，普国同庆啊 ^_^
也祝他的女儿永远健健康康，快快乐乐！
Posted in 插件 | 20 Comments »
