Clips and Links http://clipclip.org/chao/clips/tag/chinese http://clipclip.org/chao/clips/detail/11666 blog, chinese Tue, 19 Dec 2006 20:22:57 -0000 http://clipclip.org/chao/clips/detail/11666 <div>Clipped by <a href="http://clipclip.org/chao">chao</a> to <span class='c2_activity_link'><a href="http://clipclip.org/activity/view/504/collect-writings-about-clipclip">Collect writings about ClipClip</a></span></div><hr /> <div> <div id='container'> <div id='content'> <div style='caption-side : top;color : rgb(51, 51, 51);cursor : auto;direction : ltr;empty-cells : show;font-family : Arial,Helvetica,sans-serif;font-size : 12.8667px;font-size-adjust : none;font-style : normal;font-variant : normal;font-weight : 400;letter-spacing : normal;line-height : normal;list-style-image : none;list-style-position : outside;list-style-type : disc;text-align : left;text-indent : 0px;text-transform : none;white-space : normal;word-spacing : normal;background-color: rgb(255, 255, 255);' class='entry' id='left' clipisparent='true'> <!--Start Snippet --> <h2> <a href='http://blog.watsonxu.com/2006/12/clipclip.html'>ClipClip:在线保存分享网页</a> </h2> 推荐：<a href='http://www.pageflakes.com/?source=55e54333-9239-45f8-a454-9eb3b887dd43' title='注册您的个性化主页'>用Pageflakes(飞鸽)创建您的个性化主页：)</a> <h3> <span>星期一, 十二月 18, 2006</span> </h3> <div class='posts' id='$BlogItemNumber$'> <div style='clear: both;' ></div> <div style='text-align: center;'> <a href='http://www.flickr.com/photos/watsonxu/325887732/' title='Photo Sharing'> <img src='http://static.flickr.com/139/325887732_398a427d35_o.gif' height='36' alt='logo' width='172' ></img> </a> <br ></br> </div> <br ></br> <a href='http://www.clipclip.org/'>ClipClip</a>是一个提供在线收集和分享网页服务的网站。我前面介绍过<a href='http://blog.watsonxu.com/2006/11/blog-post_26.html'>一些保存网页的网站</a>，不过试用过<a href='http://www.clipclip.org/'>ClipClip</a>之后，个人感觉<a href='http://www.clipclip.org/'>ClipClip</a>应该是保存网页服务方面做的最好的。<a href='http://www.clipclip.org/'>ClipClip</a>不仅可以保存文字，链接，甚是可以保存图片，操作也很简单，与一般的<a href='http://blog.watsonxu.com/2006/08/web20_24.html'>社会化网络书签</a>使用方法相同。下面简单和大家分享一下我试用的一些感受。<br ></br> <br ></br> <div style='text-align: center;'> <a href='http://www.flickr.com/photos/watsonxu/325887771/' title='Photo Sharing'> <img src='http://static.flickr.com/139/325887771_4cecb55ad6.jpg' height='475' alt='1' width='460' ></img> </a> <br ></br> </div> <br ></br> 简单注册之后，和其他社会化网络书签一样，你只要把一个保存按钮拖拽到浏览器的任务栏就可以开始使用<a href='http://www.clipclip.org/'>ClipClip</a>保存网页了，操作非常简单，只要你选中想保存的网页内容，然后点击保存按钮就可以保存，效果如上所示，你可以同时看到保存的网页和一个保存对话筐，在保存对话筐中，你可以输入tag,一些注释等，也可以设置保存是否私有。同时在Choose thunbnail你可以选择网页上的一个图片作为网页所略图，你也可以选择将网页直接保存到在<a href='http://www.clipclip.org/'>ClipClip</a>上自己加入的组群。<br ></br> <br ></br> <div style='text-align: center;'> <a href='http://www.flickr.com/photos/watsonxu/325887823/' title='Photo Sharing'> <img src='http://static.flickr.com/143/325887823_5334d75cec.jpg' height='318' alt='2' width='460' ></img> </a> <br ></br> </div> <br ></br> 保存之后的网页，可以按照所略图显示（如上），也可以按照列表显示。点击所略图便可以显示保存的网页，保存的网页包含所有的链接和图片。效果可以看我的<a href='http://www.clipclip.org/'>ClipClip</a>收藏页面：<a href='http://www.clipclip.org/watsonxu'>http://www.clipclip.org/watsonxu</a> <br ></br> <br ></br> <div style='text-align: center;'> <a href='http://www.flickr.com/photos/watsonxu/325888671/' title='Photo Sharing'> <img src='http://static.flickr.com/141/325888671_04fb2d27d1.jpg' height='215' alt='3' width='460' ></img> </a> <br ></br> </div> <br ></br> 除了保存功能之外，<a href='http://www.clipclip.org/'>ClipClip</a>也提供不错的分享功能，你可以浏览别人公开保存的网页，也可以按照tag,保存人物等浏览别人保存的内容，点击任一个保存网页右侧的“Show Clip”就可以显示保存的网页内容。<br ></br> <br ></br> <div style='text-align: center;'> <a href='http://www.flickr.com/photos/watsonxu/325886723/' title='Photo Sharing'> <img src='http://static.flickr.com/137/325886723_498a8ee945.jpg' height='211' alt='4' width='460' ></img> </a> <br ></br> </div> <br ></br> 此外，<a href='http://www.clipclip.org/'>ClipClip</a>还提供组群功能，因为保存网页时可以选择直接将网页发布到特定组群，因而使组群的使用更为方便。我在上面建立的一个组群：<a href='http://www.clipclip.org/activity/view/1561/web2-0share'>Web2.0Share</a> <br ></br> <br ></br> 个人觉得<a href='http://www.clipclip.org/'>ClipClip</a>是一个非常不错的服务，我以后也会使用这个服务，不知道象<a href='http://www.clipclip.org/'>ClipClip</a>这种保存网页的服务能否取代社会化网络书签呢？<br ></br> <span style='color: rgb(204, 51, 204); font-weight: bold;'> <br ></br> 更多相关内容</span>：<br ></br> <a href='http://www.clipclip.org/watsonxu' ></a> <a href='http://www.clipclip.org/activity/view/1561/web2-0share' ></a> <a href='http://www.clipclip.org/'>ClipClip</a>上的<a href='http://www.clipclip.org/message/learn_more'>使用说明</a> <br ></br> <br ></br> <a href='http://www.clipclip.org/message/screencast'>如何使用ClipClip的Video</a> <br ></br> <br ></br> <div class='tag_list'>Tags: <span class='tags'> <a href='http://technorati.com/tag/web2.0' rel='tag' target='_blank'>web2.0</a>, <a href='http://technorati.com/tag/ClipClip' rel='tag' target='_blank'>ClipClip</a> </span> </div> <div style='clear: both; padding-bottom: 0.25em;' ></div> </div> <div align='center'> <a href='http://del.icio.us/post?&amp;url=http://blog.watsonxu.com/2006/12/clipclip.html&amp;title=ClipClip:%E5%9C%A8%E7%BA%BF%E4%BF%9D%E5%AD%98%E5%88%86%E4%BA%AB%E7%BD%91%E9%A1%B5'> <img src='http://static.flickr.com/54/147497658_f940949bd2_o.png' border='0' height='15' width='80' ></img> </a> <a href='http://www.spurl.net/spurl.php?title=ClipClip:%E5%9C%A8%E7%BA%BF%E4%BF%9D%E5%AD%98%E5%88%86%E4%BA%AB%E7%BD%91%E9%A1%B5&amp;url=http://blog.watsonxu.com/2006/12/clipclip.html'> <img src='http://static.flickr.com/46/147497660_816822a0b4_o.png' border='0' height='15' width='80' ></img> </a> <a href='http://www.furl.net/storeIt.jsp?u=http://blog.watsonxu.com/2006/12/clipclip.html&amp;t=ClipClip:%E5%9C%A8%E7%BA%BF%E4%BF%9D%E5%AD%98%E5%88%86%E4%BA%AB%E7%BD%91%E9%A1%B5'> <img src='http://static.flickr.com/48/147497659_1b31083351_o.png' border='0' height='15' width='80' ></img> </a> <a href='http://www.diglog.com/submit?&amp;url=http://blog.watsonxu.com/2006/12/clipclip.html&amp;title=ClipClip:%E5%9C%A8%E7%BA%BF%E4%BF%9D%E5%AD%98%E5%88%86%E4%BA%AB%E7%BD%91%E9%A1%B5'> <img src='http://static.flickr.com/65/226006044_9a906bd1c8_o.gif' border='0' height='15' width='80' ></img> </a> </div> <div class='meta'>posted by watsonxu, 6:00 下午</div> <!--End Snippet --> </div> </div> </div> <style type='text/css'> /* Start import from: http://www.blogger.com/css/blog_controls.css */ /* End import from: http://www.blogger.com/css/blog_controls.css */ /* Start import from: http://www.blogger.com/dyn-css/authorization.css?blogID=19767307 */ /* End import from: http://www.blogger.com/dyn-css/authorization.css?blogID=19767307 */ div#c2_inner_11548 a { text-decoration: none; color: rgb(34, 102, 153); font-weight: bold; } div#c2_inner_11548 a:hover { color: rgb(68, 153, 238); text-decoration: underline; } div#c2_inner_11548 h2, div#c2_inner_11548 h3{ margin: 0pt; padding: 0pt; font-weight: normal; } div#c2_inner_11548 h2 { margin: -10px 0pt 10px 0px; font-size: 1.8em; letter-spacing: -1px; color: rgb(136, 136, 136); } div#c2_inner_11548 h3 { margin: 1em 0pt 1.5em 0em; color: rgb(85, 85, 85); font-size: 1.1em; } div#c2_inner_11548 #content h2 { border-bottom: 2px solid rgb(170, 187, 187); color: rgb(85, 85, 85); margin-top: 0px; } div#c2_inner_11548 #content h2 a { color: rgb(85, 85, 85); font-weight: normal; } div#c2_inner_11548 #content h2 a:hover { background: transparent none repeat scroll 0%; color: rgb(68, 153, 238); text-decoration: underline; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } div#c2_inner_11548 .entry a:hover{ color: rgb(68, 153, 238); text-decoration: underline; padding-bottom: 2px; } div#c2_inner_11548 .meta { border-top: 0px solid rgb(204, 204, 204); padding: 5px 1px 0pt 0pt; clear: both; text-align: right; font-size: 0.9em; color: rgb(85, 102, 119); margin-bottom: 30px; } div#c2_inner_11548 .entry img { position: relative; } /* Start import from: http://www.blogger.com/css/navbar/main.css */ /* End import from: http://www.blogger.com/css/navbar/main.css */ /* Start import from: http://www.blogger.com/css/navbar/1.css */ /* End import from: http://www.blogger.com/css/navbar/1.css */ </style> </div> chao http://clipclip.org/chao/clips/detail/8430 blog, chinese Wed, 06 Sep 2006 17:33:33 -0000 http://clipclip.org/chao/clips/detail/8430 <div>Clipped by <a href="http://clipclip.org/chao">chao</a> to <span class='c2_activity_link'><a href="http://clipclip.org/activity/view/792/collect-writings-about-url-com">collect writings about url.com</a></span></div><hr /> <div class="permalink"> <div id="page"> <div class="primary" id="single" clipisparent="true" style="caption-side : top;color : rgb(51, 51, 51);cursor : auto;direction : ltr;empty-cells : show;font-family : &apos;Lucida Grande&apos;,Verdana,Arial,Sans-Serif;font-size : 13px;font-size-adjust : none;font-style : normal;font-variant : normal;font-weight : 400;letter-spacing : normal;line-height : normal;list-style-image : none;list-style-position : outside;list-style-type : disc;text-align : left;text-indent : 0px;text-transform : none;white-space : normal;word-spacing : normal;background-color: rgb(255, 255, 255);"> <!--Start Snippet --> <div class="item entry" id="post-611"> <div class="itemhead"> <h3 align="left" style="margin: 20px 0pt 0px;"> <a href="http://voivo.de/blog/611.html" title="Permanent Link to &quot;URL.com:用户自主的搜索&quot;" rel="bookmark">URL.com:用户自主的搜索</a> </h3> </div> <small class="metadata"> <span class="chronodata">Published by <a href="http://voivo.de/blog/author/hhalloyy/" title="Posts by hhalloyy">hhalloyy</a> September 6th, 2006 in <a href="http://voivo.de/blog/category/%e7%bd%91%e4%ba%8b%e5%a6%82%e9%a3%8e/" title="View all posts in 网事如风" rel="category tag">网事如风</a> </span> <span align="right" style="color: rgb(0, 102, 204);">37 Views</span> </small> </div> <div class="itemtext"> <p>收到了<a href="http://clipclip.org/john">John</a>的Email询问是否愿意参加一个新的网络服务的内测，当然欣然接受，本来以为只是普通的web2.0而已，却没想到这个服务现在成了我最主要的网络工具。</p> <p> <a href="http://www.url.com/">URL.com</a> - a whole new way of searching，开发自<a href="http://www.clipclip.org/">clipclip</a>。它极好的开发了搜索引擎的社会性，通过用户对搜索引擎的评价，以及对搜索结果的评论，来方便用户更快更好的寻找到所期望的结果。<br /> <a href="http://www.url.com/"> <br /> URL.com</a>根据用户输入的关键词，列出三个主要的搜索引擎<b>MSN</b>, <b>Yahoo</b>和<b>Google</b>的结果，并且在右侧显示每条结果的得分，此得分由搜索结果在各自搜索引擎中的排名以及用户对搜索引擎的评价做出加权而来。同时<a href="http://www.url.com/">URL.com</a>像Google一样对注册用户做出评价的搜索记录进行保存，也可以查看其它用户的搜索记录。下图为搜索“<b>url.com</b>”时排列第一位的搜索结果，用户评论为ajax方式展开。<br /> <img src="http://static.flickr.com/83/235826342_f9104eff3f_o.jpg" height="246" alt="url" width="489" /> <br /> 点评：搜索引擎是我平日里利用最多的网络服务，但往往按次序查看了十几条结果，却找不到自己想要的答案。利用<a href="http://www.url.com/">URL.com</a>所收集的用户对搜索结果的评价和评论，将极大加快我们在搜索同样关键词时的效率。现在处于内测期，对搜索结果的排列还有些不尽人意，但如果公开后，无数用户的参与评价将会使其完善，使我们搜索更加容易。</p> <p> 不过如果我们想找的答案不在这10*3个搜索结果中呢？开始我只是想如果能够增加搜索结果数量就好了，但其实这应该由用户自己负责。也就是需要用户自己搭配关键词来找到所期望的搜索结果，而不是一味地从更多的结果中挑选，那样就失去使用了<a href="http://www.url.com/">URL.com</a>的意义。</p> </div> <!--End Snippet --> </div> </div> </div> <style type="text/css">div#c2_inner_8411 h3{ font-family: &apos;Trebuchet MS&apos;,Verdana,Sans-Serif; } div#c2_inner_8411 .primary h3{ font-size: 1.7em; font-weight: normal; letter-spacing: -1px; display: inline; } div#c2_inner_8411 .itemtext { overflow: hidden; } div#c2_inner_8411 .itemhead { margin-top: 30px; } div#c2_inner_8411 h3, div#c2_inner_8411 h3 a, div#c2_inner_8411 h3 a:visited{ color: rgb(34, 119, 221); } div#c2_inner_8411 h3, div#c2_inner_8411 h3 a, div#c2_inner_8411 h3 a:hover{ text-decoration: none; color: rgb(255, 102, 0); } div#c2_inner_8411 .itemhead a { color: rgb(34, 119, 221); } div#c2_inner_8411 h3 a:visited{ color: rgb(34, 119, 221); } div#c2_inner_8411 .metadata { font-size: 1em; display: block; margin-top: 2px; color: rgb(187, 187, 187); } div#c2_inner_8411 .metadata a { color: rgb(119, 119, 119); } div#c2_inner_8411 .chronodata { padding: 2px 0pt 2px 20px; background: transparent url(images/time.png) no-repeat scroll left center; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } div#c2_inner_8411 .chronodata:after { content: &quot;.&quot;; } div#c2_inner_8411 .primary .item { margin: 0pt; padding: 5px 0pt 15px; position: relative; } div#c2_inner_8411 .primary a:hover, div#c2_inner_8411 .primary a:visited:hover{ text-decoration: underline; } div#c2_inner_8411 a { color: rgb(34, 119, 221); text-decoration: none; } div#c2_inner_8411 .itemtext a { color: rgb(34, 119, 221); } div#c2_inner_8411 .itemtext a:visited { color: rgb(34, 119, 221); } div#c2_inner_8411 .itemtext a:hover { color: rgb(255, 102, 0); } div#c2_inner_8411 .primary img { border: 0px solid rgb(255, 255, 255); padding: 4px; margin-left: -5px; max-width: 100%; } div#c2_inner_8411 small { font-size: 0.9em; line-height: 1.5em; } div#c2_inner_8411 small{ color: rgb(119, 119, 119); }</style> chao http://clipclip.org/chao/clips/detail/3621 blog, chinese Tue, 25 Apr 2006 17:41:09 -0000 http://clipclip.org/chao/clips/detail/3621 <div>Clipped by <a href="http://clipclip.org/chao">chao</a> to <span class='c2_activity_link'><a href="http://clipclip.org/activity/view/15/grow-a-great-clipclip-community">Grow a great clipclip community</a></span></div><hr /> <div> <div id="everything"> <div class="onecolumn" id="container"> <div class="widecolumn" id="content"> <div class="post" id="post-1596"> <div class="entry"> <ul> <li clipisparent="true" style="caption-side : top;color : rgb(0, 0, 0);cursor : auto;direction : ltr;empty-cells : show;font-family : &quot;times new roman&quot;,times,serif;font-size : 17px;font-size-adjust : none;font-style : normal;font-variant : normal;font-weight : 400;letter-spacing : 1px;line-height : 22.9333px;list-style-image : none;list-style-position : outside;list-style-type : disc;text-align : start;text-indent : 0px;text-transform : none;white-space : normal;word-spacing : normal;background-color: rgb(255, 255, 255);"> <!--Start Snippet --> <a href="http://clipclip.org/" style="">clipclip</a> <br /> 網上剪貼簿 <!--End Snippet --> </li> </ul> </div> </div> </div> </div> </div> </div> <style type="text/css">div#c2_inner_3595 a { outline-color: invert; outline-style: none; outline-width: medium; } div#c2_inner_3595 #content .post a, div#c2_inner_3595 #content .post a:active, div#c2_inner_3595 #content .post a:link{ background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(48, 106, 163); text-decoration: none; } div#c2_inner_3595 #content .post a:visited{ background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(88, 117, 146); } div#c2_inner_3595 #content .post a:hover{ background: transparent none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 141, 217); text-decoration: underline; }</style> chao