星期天, 五月 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 | 2 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 | 2 Comments »
星期一, 四月 27th, 2009
前天在饭否上看到有些人在玩一个 Twitter 应用，这个应用可以查出你加入 Twitter 的时间。觉得蛮好玩的，因为我用 Twitter 很少（主要是觉得网页版速度不够快，又不想再开一个客户端），所以想看看能不能移植到饭否来。虽然饭否的 API 和 Twitter 的基本相同，但是在用户信息这部分稍有不同，饭否并没有提供用户的创建时间这个字段。
没办法，只好曲线救国了... 我用了搜索用户消息的办法来查找用户的第一条消息，虽然这和用户的创建时间不一定一样，不过这也算是另一种应用吧 ^_^
第一次使用 Google App Engine 来部署应用，不过没用到 Python (因为不会 =,= )，只是直接使用了静态文件：
你在饭否的第一条消息？
不幸的发现饭否的 API 也有同样的限制，虽然没有在文档里写明，但是经过测试，只能得到最多 3,200 条用户消息...
Update 了一个新的版本，现在应该可以查询所有人的第一条消息了，即使你是消息数超过 3,200 的饭否狂人 :)
Your First Twitter?
Twitter 这个版本有点问题，由于 API 的限制，只能得到最多 3,200 条用户消息，所以消息数超过 3,200 的目前还无法查到第一条消息...
Rest API Limit
Clients may request up to 3,200 statuses via the page and ...
Posted in JavaScript, WebDevelop | 8 Comments »
