Md5 Add md5 as a contact

Md5's Profile

Clipping since: December 2006

Md5's Groups

find cool web design

Md5's Recent Clips ( 10 )

Expand all

51Files–无限制中文网络存储服务 at WappBlog

http://www.wappblog.com/entry/448.html

clipped by md5 Dec 22, 2006

51Files–无限制中文网络存储

Hide Clip

Show Clip

51Files–无限制中文网络存储服务
发布于十二月 18th, 2006 在 WebApp咨询.

推荐： Pageflakes(飞鸽)中文版已发布，赶快来创建自已的个性化首页。

51Files是一款国内的文件存储服务，与其它同类服务不同的是，它对于上传的文件大小及下载流量都没有任何限制，如此大方的服务真的很少见，而在其网站官方介绍中给出了这样的解释：

有人问起, 为什么我们不限制流量和文件大小呢? 我是这样想的, 一般用户上传的文件最多也就几十个, 或是几百个MB, 为什么要限制呢? 还有, 我们主要的传播方式也都是通过朋友们互相介绍, 如果我们诚心相待, 希望大家也不会有意破坏. 可能有点理想主意, 不过我们会尽量努力. 如果有用户真的需要上传几个G的文件, 麻烦Email告诉我们一声. 我们一样欢迎。

的确挺理想主意的，看来该站的开发团队成员Tony和Ping肯定是两位好心人，希望这样的无限制条款能坚持下去。

除了以上的无限制条款比较特别外，51Files的服务质量也是非常不错的，它提供多文件上传模式（最多为5个），无需注册也可上传，并且传输速度也非常理想。我用的是1MB的ADSL，上传速度保持在40-50K左右，下载是200多K。
Loading...
风言疯语之IT罗盘 » 帮看网：web2.0的网页监控服务

http://www.kuangfeng.cn/blog/?p=1006

clipped by md5 Dec 22, 2006

帮看网网页监控 web2.0

Hide Clip

Show Clip

帮看网：web2.0的网页监控服务

十二月 18, 2006 at 11:05 pm · 分类： web2.0 |

(2 票, 平均得分: 4，最高 5)

Loading ...

Pageflakes(飞鸽)中文版发布，快来创建自已的个性化首页

帮看网是一个对网页信息进行时时关注、报告、定向搜索的服务平台。简单点说就是一个网页的监控工具，这类服务在国外已经存在很多年了，在国内确属罕见。

当然帮看网相比传统网页提醒服务做了很多延伸，可以进行网页的分享，并采用了流行的web2.0特征：Tag进行组织，通过类似Digg的模式将文章和网页都进行了挖掘。看上去还同抓虾类似的在线RSS阅读器很相似。

另外你可以在自己的网页上放置简单的图标，供用户通过邮件和在线方式订阅您的网页变化，确实是一个非常实用的一个国产工具，也希望帮看网能达成它的目标：信息定位搜索平台、知识管理共享平台。
Loading...

对google个性主页的拖拽效果的js的完整注释－1(强烈推荐)_Oscar's 牛牛

http://hi.baidu.com/linnianda/blog/item/2b2ffdf...

clipped by md5 Dec 22, 2006

主页 Google js 拖拽

Show Clip

对google个性主页的拖拽效果的js的完整注释－1(强烈推荐)

2006年11月14日星期二下午 04:36

// 工具类，使用Util的命名空间，方便管理

var Util = new Object();

// 获取http header里面的UserAgent，浏览器信息

Util.getUserAgent = navigator.userAgent;

// 是否是Gecko核心的Browser，比如Mozila、Firefox

Util.isGecko = Util.getUserAgent.indexOf( " Gecko " ) != - 1 ;

// 是否是Opera

Util.isOpera = Util.getUserAgent.indexOf( " Opera " ) != - 1 ;

// 获取一个element的offset信息，其实就是相对于Body的padding以内的绝对坐标

// 后面一个参数如果是true则获取offsetLeft，false则是offsetTop

// 关于offset、style、client等坐标的定义参考dindin的这个帖子：http://www.jroller.com/page/dindin/?anchor=pro_javascript_12

Util.getOffset = function (el, isLeft) {

     var retValue = 0 ;

     while (el != null ) {

        retValue += el[ " offset " + (isLeft ? " Left " : " Top " )];

        el = el.offsetParent;

    }

     return retValue;

};

// 将一个function（参数中的funcName是这个fuction的名字）绑定到一个element上，并且以这个element的上下文运行，其实是一种继承，这个可以google些文章看看

Util.bindFunction = function (el, fucName) {

     return function () {

         return el[fucName].apply(el, arguments);

    };

};

// 重新计算所有的可以拖拽的element的坐标，对同一个column下面的可拖拽图层重新计算它们的高度而得出新的坐标，防止遮叠

// 计算出来的坐标记录在pagePosLeft和pagePosTop两个属性里面

Util.re_calcOff = function (el) {

     for ( var i = 0 ; i < Util.dragArray.length; i ++ ) {

         var ele = Util.dragArray[i];

        ele.elm.pagePosLeft = Util.getOffset(ele.elm, true );

        ele.elm.pagePosTop = Util.getOffset(ele.elm, false );

    }

     var nextSib = el.elm.nextSibling;

     while (nextSib) {

        nextSib.pagePosTop -= el.elm.offsetHeight;

        nextSib = nextSib.nextSibling;

    }

};

// 隐藏Google Ig中间那个table，也就是拖拽的容器，配合show一般就是刷新用，解决一些浏览器的怪癖

Util.hide = function () {

    Util.rootElement.style.display = " none " ;

};

// 显示Google Ig中间那个table，解释同上

Util.show = function () {

    Util.rootElement.style.display = "" ;

};

// 移动时显示的占位虚线框

ghostElement = null ;

// 获取这个虚线框，通过dom动态生成

getGhostElement = function () {

     if ( ! ghostElement) {

        ghostElement = document.createElement( " DIV " );

        ghostElement.className = " modbox " ;

        ghostElement.backgroundColor = "" ;

        ghostElement.style.border = " 2px dashed #aaa " ;

        ghostElement.innerHTML = "   " ;

    }

     return ghostElement;

};

麻省理工学院“开放式课程网页” | OOPS课程处理进度说明表

http://www.myoops.org/cocw/Global/oops/progress...

clipped by md5 Dec 22, 2006

edu mit

Show Clip

OOPS课程处理进度说明表

本网页遵循创作共享规范，欢迎任何形式的使用。

图案设计制作： Bruce( bruce@empact.co.nz)

关于Bruce：十年前Bruce还是一个j建筑师，而今却在纽西兰从事网站和多媒体开发。他从一开始就相信，在数字虚拟之中，会有更多创意的空间；美学与科技的有机结合，将会带给人类更广泛的体验。

为了显示我们每一门课程翻译的进度，我们开发了一套新的灯号系统，希望能够让读者们可以更清楚的了解目前课程的状况与进度，也了解我们对于品质的掌控流程。当然，这套灯号也可以搭配每一门课程网页左手边的文字说明来阅读。

基本上我们的课程进度大致分成两层和三个阶段。第一层就是该课程的所有基本介绍（ PDF 文件和影音文件除外），第二层则是前述翻译之外的所有文件。第二层的文件如果有的话，内容数量通常都相当的多，因此会是分批交稿的方式来进行。三个阶段则是翻译完成、编辑完成、审定完成。其意义将分别叙述如下：

翻译完成代表的是翻译义工已经将这层的课程全部翻译完成，但是其翻译品质和内文尚未经过本计划的其他义工校对，所以无法保证其翻译的正确性和专业性。

编辑完成代表的是义务编辑已经校对过该稿件，并且将其中文翻译中的错误和语句修正到该名编辑能力所及尽可能正确的程度。因此，在这个阶段，我们会尽量做到的是确认其由英文（或是其他来源语言）翻译成中文的正确性。

审定完成代表的是该领域的义务审定老师已经针对此课程的翻译进行过专业知识、专有名词方面的审定，会在其能力所及的范围内尽可能确保其正确性。因此，在这个阶段完成之后，也是我们计划本身所能够达到的最高层级的品质确保流程。其课程的内容至少经过三人以上的审定与校对，已经尽其可能的提升其正确性。

不过，请注意，本计划与传统的概念不同，我们希望能够广纳百川，在每一个阶段，我们都需要且欢迎所有读者的挑错和修改建议。换句话说，即使最后整个课程的七彩灯号全都亮起，这门课程依旧都还是处在开放修订和建议的阶段。我们希望能够透过所有使用者的专业知识与力量，让整个课程不停的自我进化和提升，并且更为提升其正确程度。

下面是每一个灯号的解说：

	灰色表示该灯号并没有亮起，也就是该阶段的工作并没有完成。
	黄色灯号亮起，表示该课程的第一层翻译已经完成。翻译完成代表的是翻译义工已经将这层的课程全部翻译完成，但是其翻译品质和内文尚未经过本计划的其他义工校对，所以无法保证其翻译的正确性和专业性。
	橙色灯号亮起，表示该课程的第一层编辑已经完成。编辑完成代表的是义务编辑已经校对过该稿件，并且将其中文翻译中的错误和语句修正到该名编辑能力所及，尽可能正确的程度。因此，在这个阶段，我们会尽量做到的是确认其由英文（或是其他来源语言）翻译成中文的正确性。
	红色灯号亮起，表示该课程的第一层审定已经完成。审定完成代表的是该领域的义务审定老师已经针对此课程的翻译进行过专业知识、专有名词方面的审定，会在其能力所及的范围内尽可能确保其正确性。
	紫色灯号亮起，表示该课程的第二层翻译已经完成。翻译完成代表的是翻译义工已经将这层的课程全部翻译完成，但是其翻译品质和内文尚未经过本计划的其他义工校对，所以无法保证其翻译的正确性和专业性。
	靛色灯号亮起，表示该课程的第二层编辑已经完成。编辑完成代表的是义务编辑已经校对过该稿件，并且将其中文翻译中的错误和语句修正到该名编辑能力所及，尽可能正确的程度。因此，在这个阶段，我们会尽量做到的是确认其由英文（或是其他来源语言）翻译成中文的正确性。
	蓝色灯号亮起，表示该课程的第二层审定已经完成。审定完成代表的是该领域的义务审定老师已经针对此课程的翻译进行过专业知识、专有名词方面的审定，会在其能力所及的范围内尽可能确保其正确性。
	绿色灯号亮起，七个灯号全部亮起，代表本课程所有编辑审定工作已经完成。所有课程的内容至少经过三人以上的审定与校对，已经尽其可能的提升其正确性。但依旧开放使用者提出修正与建议。

一门已经完全完成的课程符号看起来应该如下 (放大图例）：

而一门完成第一层翻译和编辑的课程看起来是这样的:

而有些课程由于暂时找不到审定者，所以在完成编辑流程之后会直接进行第二层的翻译。这时的图样看起来就像是这样:

10个软件增强Ubuntu « 嘿熊网络

http://xlib.cn/index.php/archives/48

clipped by md5 Dec 22, 2006

desktop linux

Hide Clip

Show Clip

10个软件增强Ubuntu

12 Nov, 2006· 嘿熊操作系统

安装了Ubuntu之后，想搜索一下系统文件，确发现系统自带的搜索功能太小。想在右边添加一个sidebar么？想在Ubuntu上找个软件像千千静听或者itune？想在桌面显示Gmail提醒？想要桌面效果比Ubuntu还炫？

下边这些软件会让您满意的，注意有些软件可能需要单独下载或者修改源，不过俺会给您说说要怎么做！

第一个：AutoMatix

用这个软件可以安装很多很软件，比如Google Earth、Picasa、Acrobat Reader、AMSN、Amule……，在列表上您可以选择您想要的软件。软件软件好像在Ubuntu6.10里集成了，如果系统里没有可以看看这里：如何安装AutoMatix 。

第二个： Beagle

这个是Spotlight/Google Desktop Search 。安装方法：apt-get install beagle;

第三个：Gnome Deskbar Applet

Gnome Deskbar Applet是一个介于Spotlight和Google Desktop Search之间的软件，可以让您很容易的在桌面使用Google搜索之类的。安装方法： apt-get install deskbar-applet

第四个：VLC

不用多说知道Linux的就应该要知道VLC（这个是媒体播放软件）。现在有Firefox插件。安装方法：apt-get install vlc，安装VLC4firefox。

第五个：Firefox

更不用说，发行版基本自带。

第六个：amaroK

确实不错，这个和iTune有的拼，支持歌词、播放列表，重要的是还有个iTunes的外观，效果也不错，可以以假乱真！呵呵。安装方法：apt-get install amarok

第七个：CheckGmail

看看名字就知道了，检查Gmail的，可以在System Tray 显示一个是否有新邮件的图片，和windows下的Gmail Notify一样！安装方法：apt-get install checkgmail 。

第八个：NTFS读写支持

很多人熟悉NTFS吧？要在Linux下读写NTFS就需要安装这个东西。安装方法。

第九个：关掉系统蜂鸣

系统的报警声音总是很烦，关掉吧：rmmod pcspkr ，打开：modprobe pcspkr

第十个：XGL/Compiz

这个东西从一出来就受到很多人捧，俺觉得比Vista好多了。SUSE最新版本自带了，Hiweed debian也有，想自己安装估计有点麻烦，俺最近会给出Ubuntu下的安装方法。

内容来自：lifehacker.com，翻译：嘿熊。如果侵犯了版权请通知俺，俺定当立即删除。
Loading...
5大X-Window软件－疯狂的Linux桌面 « 嘿熊网络

http://xlib.cn/index.php/archives/91

clipped by md5 Dec 22, 2006

linux UI

Hide Clip

Show Clip
5大X-Window软件－疯狂的Linux桌面

10 Dec, 2006· 嘿熊操作系统

这里介绍几款Linux桌面系统软件，很多人认为Linux的操作不方便、不漂亮，俺今天来反驳一下！在下边几款桌面软件中，您甚至可以找到比Mac OS X 还靓的桌面！前4款为集成桌面环境，后边的都为窗口管理器（字符狂们不要怪俺，俺是桌面狂，呵呵！）

第一款：KDE

KDE 是 K Desktop Environment 的缩写，为什么把KDE放到了第一位？因为KDE确实是最庞大，有人说和Windows最相似的桌面环境，但是俺几乎不会安装KDE，虽然用起来很简单，但是也太庞大了点。KDE的支持也很广泛，新手建议使用DKE。当前最新版本为：KDE3.5.4。发张图片：(查看更多)

第二款：Gnome

Gnome出现的时候，KDE已经相当流行，但是red hat工程师们觉得KDE不尽人意，Gnome出现之后Red Hat公司便大力支持Gnome，Gnome是基于组件开发，技术上显得比KDE成熟，也是当前应用最广泛的桌面环境（反正俺的朋友都是用Gnome的，偶尔会听别人说他在用KDE）。当前版本：Gnome2.17。图片：（查看更多）

第三款：CDE

这款很古老的桌面环境可能很多人都不知道，或者还以为是一个窗口管理器，CDE(Common Desktop Environment)，现在估计在老式HP-UNIX机器上还能看到，大概看看CDE是什么样子：

第四款：XFCE

轻量级的桌面环境，现在窗口管理器和桌面环境有非常多，但是不是太大，就是太贵，有的又大又贵，功能太花哨。XFCE就是一个快速、稳定、占用很少资源的桌面环境。XFCE为应用程序尽可能多的保留CPU和内存资源，而不是自身占用非常地多。最新版本：XFCE4.4。图片（更多这里）

第五款：FVWM

当之无愧的DIY Linux桌面之最强工具，你可以用FVWM把您的桌面弄成你任何你想要的样子，可定制度太高，导致Linux新手无法接受，呵呵！可以上网去找找相关教材，按照教材做配置起来也很简单，不错2天您就可以弄一个完全属于自己的桌面了！当前版本：看看下边这张图片，您会为作者的设计感到惊讶的！

俺知道您还一定想和俺谈谈Enlightenment、sawfish、Window Maker……不过这些都是窗口管理器，俺单独介绍了FVWM是因为这个软件的使用者显得多些！不知道您玩什么环境或者窗口管理器熟悉些呢？（有关Gnome桌面小软件，参考：10个软件增强Ubuntu）

7 Comments so far 说说您的看法»

Smart 曰,

Wrote on December 10, 2006 @ 5:10 pm

文章不错。就是不能用阅读器完整的订阅rss。既然网站上没有广告，为什么不开放全文rss呢？

华华曰,

Wrote on December 11, 2006 @ 11:13 pm

嘿熊呀，

如果图片是跟文字一块的，那，“Gnome” 的图片就搞错了噢。

那 3 个在一块的绿色的桌面，是 Hiweed 的 XFCE ，而不是 Gnome 。

Hiweed 1.0 是 Ubuntu 的本地化版本。

嘿熊曰,

Wrote on December 11, 2006 @ 11:54 pm

呵呵。。。你要仔细看看，hiweed只是更改了gnome的图标，hiweed debian是有xfce，但是图片上的确实是gnome！呵呵！

华华曰,

Wrote on December 12, 2006 @ 3:37 pm

呵呵, 你这图是从 hiweed.com 来的，

而那正是我截的图

xfce 4.4 on XGL

嘿熊曰,

Wrote on December 12, 2006 @ 3:54 pm

哎呀。。。欢迎huahua，不知道还记得俺不？俺以前经常到pchome#unix 瞎闹，俺的昵称是Yong，呵呵，您的到来俺太高兴了，俺还记得您以前还帮俺解决过不少BC问题呢！

嘿熊曰,

Wrote on December 12, 2006 @ 3:56 pm

现在已经更正了！呵呵，不好意思啊，huahua，俺有些弄错鸟

华华曰,

Wrote on December 12, 2006 @ 4:06 pm

呵呵，

这段时间有些忙，没那么常上 IRC .
Loading...
charlee的开发日记 : 过去文档 : Web 2.0 的视觉设计

http://charlee.itbdns.com/tech/archives/223.html

clipped by md5 Dec 22, 2006

2.0 Web

find cool web design

Hide Clip

Show Clip

Web 2.0 的视觉设计

2006-11-30 00:02

前两天在 del.icio.us 上看到了《The visual design of Web 2.0》这篇文章，读完之后觉得甚有道理，于是发信问原作者Jonathan能否将其翻译成中文，作者爽快地答应了，只要求链接到他的原文。忙了一个晚上终于翻译完了，才发现我的英文水平真的下降了很多很多，甚至连 as far as … be concerned 都不知道是什么意思了……虽然蹩脚的翻译使原文减色许多，但希望能够传达原文的意思。

翻译文如下。（Original article）

前一阵子维基百科的Web2.0条目包含了一节内容，专门描述Web 2.0的视觉元素，讲述了渐变色、绚丽的图标、反射效果、阴影以及大号字体等等。

但是几天之后维基人投票决定撤掉“视觉元素”这一部分。推究其原因，可能是Web 2.0的特性不能通过一系列的视觉规则来精确地定义。如果 Web 2.0 被理解为一种内容生成和发布的途径，那就没必要将其禁锢在视觉效果的框框里。

尽管如此，事实上大多数 Web 2.0 网站都有某种独特的艺术风格。也许维基人觉得这不属于Web 2.0的讨论范畴，但我却认为这十分必要。让我们开始 Web 2.0 的视觉之旅，看看所谓“Web 2.0风格”起着怎样的作用。

请相信我是Web 2.0

完美的 Web 2.0 依靠着访问者的力量。用户可以为Web服务制造内容，通过流行的点对点方式像“病毒”一样传播，并依照他们的意愿和喜好来提高内容的质量。

但是要让访问者为Web应用程序付出时间和内容，首先需要让他们相信你。为获取人们的信任，绝大多数 Web 2.0 网站都通过绝妙的设计给我们带来了友好、亲切的印象。

春风又绿江南岸

明快的颜色得到了 Web 2.0 网站的青睐。大部分 Web 2.0 网站不约而同地采用了绿色，但是深蓝、橙色和粉红色也十分人气。浓重的主色调表明了幽默的态度，也有助于人们迅速注意到页面上的重要元素。

圆角革命

新的CSS技术支持圆角，使得圆角风格再次风靡世界。友好的圆角风格奠定了许多 Web 2.0 网站的舒适、通俗的基调。

FontShop有一篇分析 Web 2.0 图标的精彩文章，表明了圆角字体已成为流行趋势。它为一个公司的视觉形象带来了十分现代的风格。

免费无处不在

如果你已吸引访问者注册了你的应用程序，那么你应当毫不吝惜地送他们免费的账户。几乎所有的 Web 2.0 网站都将主要的经费奉献给了一条消息——“我们提供免费服务”。若这条信息出现在无处不在的星形标记中就更好了。

照片为大忌

在 Web 2.0 网站上，你找不到任何照片——那是小公司模仿大企业的伎俩。简洁的图标和截图，当这些成为 Web 2.0 网站的形象时，它们就成了今天的规则。三维圆角按钮会让页面变得高贵优雅，不使用则显得古板僵硬。

简单就是美

为提高用户体验，大部分 Web 2.0 应用程序都添加了技术层面或者组织层面，例如用 del.icio.us 管理链接，用 flickr 共享照片，或者用 Backpack 组织任务等，我们必须要熟悉这些新技术，并花些时间来管理我们的内容。好的Web 2.0程序应该十分轻快并易于上手，而巧妙的视觉设计和文字有助于减少入门障碍。

巧妙地利用布局、颜色、输入和文本可以最大限度地减小访问者的负担。

越大越好

谈起 Web 2.0 当然是越大越好。这里指的是大号字体。大号文字省眼，与流利的书写配合使得信息更容易吸收。如今，网站的可访问性十分重要，因此有经验的网页设计师可以使用超大文字。

空白的活力

Web 2.0 网站的布局可以做得很小。巧妙利用空白可以提高页面的易读性和易用性。空白可以分离出重要信息，使眼睛得到休息，并给人以冷静和有秩序的感觉。宽敞的文字布局也使得文字复制更容易。有些 Web 2.0 布局小得近乎无法忍受，但如果设计得好，紧凑的页面也会值得深深品味。

好点子

友好、风趣的书写可以让作者和访问者建立良好的关系。A List Apart使得Flickr和Photojojo脱颖而出，这是个许多Web 2.0网站都应该学习的案例。WebTango不仅仅是免费，它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use（无添加物，无胆固醇，无破坏臭氧层的氯氟烃，最重要的是，免费）”。Tioti不只是拥有标签和RSS，它拥有的是“tagging and RSS up the yazoo”。FFAQQLY的创立者David Liu不是一个不露面的虚拟任务，而是“你注册后的第一个朋友”。eSnips的工具条不只是可定制，它是“有一大串超酷用法的工具条”。想个好点子吧。

意犹未尽

Web 2.0 网站有很多视觉设计倾向，乍一看似乎并没有某种固定的模式，但无一不在追求注意力。“湿桌子”效果（charlee注：反射效果）、“星形”效果、“玻璃”按钮，造就了众多的 Web 2.0 的绮丽。

总结

我的 Web 2.0 视觉设计之旅就到此结束了。也许“Web 2.0风格”会在一年后过时，但它一定会为延长网站寿命做出巨大的贡献。

参考

What is Web 2.0?

The Logos of Web 2.0

Current style in web design

The Web 2.0 Awards

标签: design web web2.0 | 分类: Web开发 | 引用通告 | 添加到del.icio.us | 页面顶端
Loading...