CSS等级进度条

现在的网站论坛一般都会有用户等级这一说,如果单纯的只是用文字或一个等级图片似乎不够形象。要为网站论坛的用户等级作一个形象的展示,弄这么一个进度条则能很好的说明问题

记得在一些论坛上见过这种类似的,但是当想要找的时候又不知道应该到哪去找,也不知道这东西应该用什么名字。不要看这么个小东西,从头实现起来还是费了点时间,虽然到最后一看結果不过如此。。。下面是简单的实现方法

def user_level_bar(user)
  <<-EOF
  <div class="fullscore">
    <div class="score" style="width:#{user_level_length(user)}px;"></div>
    <div class="img">
      #{user_level_text(user)}
    </div>
  </div>
  EOF
end

这是个rails的helper,虽然主要是说CSS,但是这进度总规是动态的吧。。。

READ MORE>>

通宵一晚的成果

my-new-rails-blog

READ MORE>>

在Linux下用vim做Flex开发

基于某些原因,我不得不迅速的学点flex开发,在这3天里没日没夜的了解了一点皮毛。首先就是开发工具的问题,貌似很早的时候就看到Adobe放弃Linux版本Flex builder的消息,现在到官方看了看果然已经死在了labs中。

Flex Builder 3 for Linux alpha 4 was released on 8/14/2008. Please download alpha 4.

而Flash本来就没有Linux化的打算。Adobe对Linux的无视似乎是有道理的,想想吧,面对强大的vim/emacs之流,adobe的产品竟争力何在。。。

写完习惯性的废话,下面是简要的配置
1、当然是先要有SDK了,这是免费的啊,下载后解包就OK

2、配置下写代码的工具vim
首先是要語法高亮,这有两个现成的syntax(放到.vim/syntax)actionscript.vimmxml.vim

然后就是actionscript和mxml代码的自动缩进问题了,网络上似乎没找到现成的indent文件(位于.vim/indent),不过基于as3与java很像,mxml就是个xml吗,所以直接把java和xml的indent文件拿来湊合一下吧,使用3天,效果很好。

READ MORE>>

使用GreaseMonkey屏蔽Gmail的广告

2009-10-15-141815_871x627_scrot

READ MORE>>