跳至主要内容

博文

目前显示的是 十二月, 2008的博文

2008年Delicious书签上收藏最多的25个网站

感谢 YIYI-JOKES 的投递 新闻来源: genmicha.cn 接近年末了,很多博客也开始了年末总结。这篇日志中列出的是在过去的一年中,世界上使用人数最多的书签网站 Delicious (中文又称美味书签)上收藏次数最多的25个网站。这些网站都是非常受欢迎的新奇应用或者是一些非常实用的工具。 1、 wordle (超过18668人收藏) Wordle是一个可以将用户输入的单词列表制作成各式各样排列图案的在线应用,如上图,生成的排列图案真的很好看,而这仅仅是其中的一种样式喔。需要Java支持,不支持中文。国内用户不能直接访问。 2、 cuil (超过9732人收藏) 这个号称世界上最大的搜索引擎,自称收藏了3倍于Google搜索10倍于Live搜索的网页数量。可惜,这个"世界上最大的搜索引擎"却不支持包括中文在内的非拉丁字符。忽略了1/5以上的地球人,便无最大可言。 3、 fontstruct (超过9377人收藏) 有没有想过要自己设计属于自己的字体?这个网站可以帮您实现这个愿望。我们曾经对这个网站有过介绍,您可以查看: FontStruct:像徐静蕾一样拥有你的专属字体 4、 life-photo-archive (超过8091人收藏) 《LIFE》是名震摄影史的知名图片杂志,后期因故停刊。这次Google整理发表这批照片本质上是与《LIFE》合作,从《LIFE》图片储备中挖掘历 史遗迹。这些照片分为六大类,分别是:人物/People,地点/Place,事件/Events,运动/Sports 还有 文化/Culture。趣站酷软介绍过这个网站,详见: Google历史存档照片,从1750年到今天 5、 muxtape (超过7133人收藏) muxtape是一个允许用户上传音乐并制作个人专辑的网站,每个用户都可以拥有一个自定义的二级域名,上传后的音乐制作的专辑还有卡带样式的播放器样式,所以在短期之内收到很多用户的欢迎。不过目前这个网站已经因为版权问题被关闭了。 6、 downforeveryoneorjustme (超过6355人收藏) 用来检测某个网站是否挂了的在线服务,在中国有了另一重妙用——检测某个网站是否已经被GFW了。简介的操作界面,简单的使用方法,实用...

高性能网页开发新20条规则详解

上个月,Yahoo!优异性能(Yahoo!'s Exceptional Performance)开发团队成员 Stoyan Stefanov 出席了蒙特利尔的2008魁北克PHP会议演讲。他提供了他们团队最新的研究成果和提高网页性能规则20条。在早先的高性能网页开发14条军规已经让大家 耳熟能详,此次新增的20条更加全面,覆盖了服务器端、cookies、页面内容、JavaScript、CSS、图片、移动手机应用这七大类别。以下内 容就是根据这二十条结合个人在实际开发中的理解所做的全面解读。希望对大家开发有所助益。 阅读指导: 1. 每条规则后会指明是针对上述所说的七大类别中哪个类别的优化。 2. 文中提到的一些工具在文后附注中会提供简要说明。 3. 文中经常提到"组件"这个词,这个词不同于我们程序开发中常提到的组件概念。本文中提到的"组件"特指嵌在HTML页面中图片、JavaScript脚本、CSS等静态文件。 一、尽早清除缓冲区[服务器端]     假如用户请求一个页面,而这个页面在后端服务器需要花200至500毫秒乃至更长时间才能生成最终HTML页面,这时候用户浏览器处于较长时间的、等待页 面数据返回的空闲状态,用户体验不会很好。此时可以根据页面内容长短做适当分隔,将先生成的页面局部HTML缓冲内容提前发送到客户端,不必让服务器消耗 内存缓冲完整个庞大的页面内容后再行输出。这种方法有益于处理后端负荷大而前端负荷轻的页面。     在HTML页面的head标签位置后是清除缓冲的好位置,因为HTML的head标签可以包括 CSS 和 JavaScript 文件,对于浏览器而言获取页面显示与后端服务器处理并行的效果较好。在PHP中有一个函数 flush(),它可以发送请求页面的局部HTML代码给浏览器,以便浏览器能先取得页面已经生成的部分HTML,同时后端服务器继续忙于处理生成页面余 下的HTML。以下以此函数做个示例: ... <!-- css, js --> </head> <!-- 注意此处flush()是放在了head标签位置后面 --> <?php flush(); ?> <body> ... <!--...

Web2.0 UI指南

web2.0,一个老生常谈的时髦词汇,但不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0 设计风格的一个主要的部分。这个指南的目的是想给一些设计新手一些参考,或者是做为一个清单,给那些还在痛苦地适应很多社交网络/社交媒体网站已采用的新式web 2.0风格提供参考。 首先我们知道web2.0有很模糊的技术定义,比如新媒体或者分享信息或者媒体等等。我不准备讲那些繁杂的东西,因为我们只要关注web2.0的图形设计就好了。 常见属性 简单设计 simple design 是什么阻碍了你的设计?也许是太多无用的元素?在进行一个设计的时候,在问过自己到底需不需要这些元素、需要它们做什么之后, 我会发现这些元素并不需要然后抛弃它们。 大面积留白 lots of white space 注意留白(空白的地方可以让你的作品富有空间感,如果你愿意的话)是web2.0设计风格当中很重要的设计风格。恰当的留白会使页面元素更加出彩,同时也给眼睛一个休息的地方。我通常都在960栅格设计用20-35px的留白来衬托设计。这个模式给了我一个很好的框架,也让里面的文本看起来真的很赞。 更大的文字 larger text 设计之前一个主要的步骤是想到不要用那些很久之前用的像素字了,然后说我觉的28号字很好。另外一个用h1 这种大字体做标题的或者头部字的优点是,它给你的站点带来更好的SEO评测。其中一个主要因素是访问者希望迅速地知道你的站点是做什么的,大的字体可以让访问者快速的抓住要点。 所以总结一下:大的字体做为标题是很好的,试着给SEO一些更加精简有效的关键字,但也不要全篇的都是28号字,不然网站的浏览者会为此不悦。 渐变 Gradients 当渐变处理恰当的时候看上去效果好极了。它们可以给一个乏味的设计增加深度。如果使用得当,渐变可以使布局元素、文本、甚至logo都会变得更加丰富。 集中的布局Centered layout 不仅在web2.0是这样的,集中的布局在整个页面设计领域中已经越来越流行了。集中的布局被认为是更加直白的,并且这个方式也非常适合标榜着前卫、幽默的web2.0的调调。 更少的分栏 Less columns 使用了大号字体和漂亮的留白之后,你是不是还想用14的列宽? 简单的设计等同于较少的布局。为了布局而对内容进行排版设计,在很多设计中都能看到使内容的风格布局不琐碎...

彻底解决PHPMyAdmin中文UTF-8乱码问题

  PHPMyAdmin的中文乱码问题很常见,而且也很烦人。以前用PHPMyAdmin比较少,最近装上以后感觉非常的方便,但是同样也遇到了中文 乱码的问题,主要是UTF-8和GB2312编码不能同时正确显示。从网上找到了一些资料,但是都不是很直接,现在结合自己的操作重新整理一下。 1. 因为MySQL的默认编码是latin1,所以首先我们需要修改一下PHPMyAdmin的编码转换。修改libraries目录下面的 select_lang.lib.php文件,将 [indent] 'utf-8' => 'utf8', 修改成 'utf-8' => 'latin1', [/indent] 2. 接下来还要修改一下页面的编码显示,将 [indent] 'zh-gb2312' => array('zh|chinese simplified', 'chinese_simplified- gb2312', 'zh'), 修改成  kYa ~`z-% 'zh-gb2312-utf-8' => array('zh|chinese simplified', 'chinese_simplified-gb2312', 'zh'), [/indent] 也就是在zh-gb2312后面增加-utf-8,这样页面编码就支持UTF-8了。 3. 首先选择zh-gb2312-utf-8进入PHPMyAdmin,这个时候浏览GB2312编码的数据正常,但是浏览UTF-8的数据是乱 码。如果浏览UTF-8的数据的话,进入首页,然后在Language里面选择zh-utf-8就可以了。 出处:IT专家网论坛

SEO入门实践指南(from Google)

    Sent to you by Gang.Rock via Google Reader:     SEO入门实践指南(from Google) via 译言-精品外文翻译 by elviscai on 12/1/08 译者: elviscai 声明 本文编译自 Google Webmaster Blog 于2008年11月13日发布的《 Search Engine Optimization Starter Guide (搜索引擎优化入门指南)》,这是一份操作性比较强的搜索引擎优化建议,极具价值。 本文是选译自原文中每章节的实践指南(Good practices)部分。跳过示例的原因有二:其一,示例很简单,诸位自己看吧;其二,英文网站的SEO操作与中文网站有所差异,比如对关键字(keywords)的处理等。 本文对会受示例影响的部分做了一定调整。如有版权问题,敬请告知,我会在第一时间进行修改或删除。 创建独特、准确的网页标题(Title) 页面标题要准确的描述对应网页的内容。 请注意 : 不要使用与网页内容无关的标题。 不要使用预设或模糊的标题,如"无标题"、"新建页面1″等。 为每个页面创建独特的标题,这将有助于Google将其与该网站上的其他网页做区分。 请注意 : 不要在一个网站中使用单一标题命名所有网页。 使用简单、有效的标题,如果标题很长,Google可能只会显示一部分。 请注意 : 不要使用过长的标题,这对用户毫无意义。 不要在标题中包含不必要的关键字。 充分利用页面摘要(meta-description) 准确的概括对应网页中的内容,页面摘要可能会作为搜索结果而呈现给用户。 请注意 : 不要使用与页面内容无关的页面摘要。 不要使用预设或模糊的页面摘要,如"这是一个网页"、"关于我们"等。 不要以关键字堆砌的方式构成页面摘要。 不要以复制、粘贴全部页面内容的方式构成页面摘要。 为每一个网页设定独特的页面摘要:尤其是在用户搜索你的网域时(如搜索" si...

面试二代:二逼大猜谜

    Sent to you by Gang.Rock via Google Reader:     面试二代:二逼大猜谜 via 译言-精品外文翻译 by rose-tattoo on 11/29/08 译者: rose-tattoo   几年前,微软发现在资源上出了点乱子,说白了吧,是人力资源上出了乱子。其实是这个样子滴: 招聘的大门常打开,应聘的人也不少来,可是来应聘的人跟岗位怎么看也对不上号啊。于是他们觉得该重新设计面试方法了。          按照老路子,面试就确定俩事儿:一个是这个人能不能胜任工作,二是这个人不能太各色,要能融入组织。微软的面试2。0呢,除了这俩条,还加了一个:冷不丁的给应聘的一个根本不靠谱的问题,甚至是让人摸不找头脑,极其二B的提问,看看他们怎么个反映。         一般来说吧,一个应聘的如果本来就爱玩文字游戏,他(她)在面试的时候也会乐于解答二b问题。换句话说,如果应聘人爱吃烙饼,那他面试的时候也会爱吃。看明白了么?这个大猜谜跟面试程序员跟本他妈的挨不上边儿。       如果你还不知道面试2。0都有什么样的问题,我给你展一眼。   波音747有多重? 有个暗盒子,里面仨灯泡,外面仨开关,线全接好了后盒子只能开一次,你怎么知道那个开关开那个灯? 你和仨人在峡谷里要过一个破桥,你一分钟能过去,另外哪仨人得分别用二,五,十,分钟才能过去。过桥得用手电,你们只有一个,你们怎么才能用最快的时间过去?      其实吧,这样的问题都是扯淡,你要是非用常识和实践方法去解答那就更二了。就拿我来说吧,我肯定过不了这些问题,而且非常有可能答成这个操性:         那我得问问波音公司。。。什么?我不能问他们?啊。。。那我就问图书馆里的人儿,你想啊,他们一天到晚就查书啊,他们就是干这个的啊! 这是谁他妈的弄的破盒子啊?你放心,我肯定能弄好,不过我还没看见这盒子什么样儿呢,你怎么知道我弄不好啊??? 太明显了。我们必须扔...

我用一生去寻找 - 5.偏见是战争根源

    Sent to you by Gang.Rock via Google Reader:     我用一生去寻找 - 5.偏见是战争根源 via 译言-精品外文翻译 by Antony on 11/29/08 译者: Antony 要坐下来磋商,第一需要解决的是语言问题。过去,普通话没有被制定并推广,只有统一的书写。不同地方的人,无法面对面交谈,只能靠书写交流。书写不能及时互动,写字的人犹如发表了一个宣言或者通知一样,信息传达往往是单方面的。在口语交流不畅的情况下,会写字的人,自然拥有一种权威,成为垄断信息的权力阶层。古代的科举制度,好像主要考的就是书写能力。中国人在历史上没有形成磋商的传统,会不会有这个原因呢?有了普通话以后,全国各族人民都能坐在一个桌子跟前开会了。 For a consultation, the first thing needs to be resolved is the language. In the past, Mandarin was not set as a standard and popularized like now, only the characters were unified. Thus, people from different places were unable to understand each other by face-to-face conversations, instead, they could only communicate by writing. Using writing cannot let people interact effectively in a timely manner. People who writes as if he issues a declaration or notification, h...