• 17
  • Aug

UTCOM在2010年1月1日那会基本上是被我强行上线的,还有各种各样的问题。最严重的一个问题是,是看似很炫的“导航条”,实际上是很脆弱的。

请看:

因为UTCOM是支持i18n的,导航条的那条光栏的宽度却只是为英文设计的,结果,原来的“Home,App,Source”,翻译成意大利文后就变成了这样:

UTCOM Navbar Bug

真是惨不忍睹(为什么意大利文表达“主页”要用这么长的词?)

红圈的部分好解决,但是半透明的那个悬浮框因为是一张PNG图,就不好解决了,必须重构这个条才行。

当时为了快速解决这个问题,我就临时禁用了导航条的翻译,然后就这样一拖拖了个半年。主要还是因为自己前端方面不在行,负责前端的keke同学在前半年为着毕业和工作的事情忙得要死,于是就这么拖下来了。

后来我不知道从哪里看到了“jQuery LavaLamp”这个效果,觉得与UTCOM的效果接近,同时又能很好的自适应字符的宽度,于是就把资料给keke看,最近他抽空终于将导航栏给修正了。

如图:

UTCOM Navbar Fix

再长的字符也不用怕了,同时我也再次启用了国际化支持,现在访问:http://ubuntu-tweak.com/,不出意外迎接你的应该是中文吧?

不过这个解决方案也是有一些问题,这个方案采用了jQueryUI,应用了不少CSS 3的特性:如圆角,半透明。IE 6就不说了,在IE 7、8上也是不完美的。

不过Ubuntu Tweak的展示页主要也不是给Windows/IE用户看的,所以也就不放在心上了。

看着这个半年多才修正的bug,我各种感概。

平常我是以桌面开发为主的,放在Web开发和学习上的时间比较少,但是因为差不多三年前那次接触涉及后端的Web开发以来(见:Let's Django!),我对Web是充满兴趣同时对它的关注是从来没有停过的。

虽然这些只是小打小闹,但是我乐在其中,UTCOM的蓝图,还远远没有实现。

Tags: UTCOM.

» You can leave a comment.

1 Pingbacks

10 Comments

  1. 是英文...我还以为会是西班牙文呢...

  2. 不是很喜欢这种效果呀,鼠标放上去感觉轻飘飘的,顿时浑身起鸡毛疙瘩,很让人抓狂

  3. 嗯,效果還是少用點吧...讓utcom更geek點

  4. 为什么不是德语呢?我用的是德国IP啊,现在

  5. tolbkni

    我在 Firefox 下依然是 English,在 Chrome 下才会显示中文,囧

  6. @shellex @brucebot @tolbkni

    它是根据浏览器接受语言来判断要显示什么语言的,而不是IP。

  7. forkburn

    记得原来的导航条存在鼠标可点击范围与半透明悬浮框范围不一致的情况 (也就是有时悬浮框响应了mouse over, 但是点下去没反应), 现在似乎也好了

  8. “现在访问:http://ubuntu-tweak.com/,不出意外迎接你的应该是中文吧?”
    嗯,是中文。
    “UTCOM的蓝图,还远远没有实现”
    嗯,加油。

Leave a Comment