<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>笨活儿 &#187; 免费资源</title> <atom:link href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90/feed" rel="self" type="application/rss+xml" /><link>http://blog.benhuoer.com</link> <description>请用力生活</description> <lastBuildDate>Mon, 02 Jan 2012 16:05:26 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>好康推荐 &#8211; 世界数字图书馆WDL</title><link>http://blog.benhuoer.com/posts/wdl.html</link> <comments>http://blog.benhuoer.com/posts/wdl.html#comments</comments> <pubDate>Sat, 06 Jun 2009 02:56:45 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[好康推荐]]></category> <category><![CDATA[世界数字图书馆]]></category> <category><![CDATA[免费资源]]></category> <guid
isPermaLink="false">http://blog.benhuoer.com/?p=1412</guid> <description><![CDATA[一句话介绍： 世界数字图书馆是联合国教科文组织支持、美国国会图书馆开发的一个线上图书馆。提供各种珍贵文物的数字版本。这些珍贵文物包括，但不限于手稿、地图、珍本书籍、乐谱、录音、电影、印刷品、照片和建筑图纸。 他们网站的UI非常的酷，而且图片清晰，丝毫毕现。同时还免费提供pdf或者jpg的下载。我在上面找到了四库全书、《天工开物》、资治通鉴残稿、1900年的老北京地图、约翰·汤姆逊有关中国及中国人民的200张照片 。 以下介绍来自网站： WDL的愿景 世界数字图书馆（ WDL ）在互联网上以多语种形式免费提供源于世界各地各文化的重要原始材料。 其主要目的是： 促进国际和文化间的相互理解; 增加互联网上文化内容的数量和种类; 为教育工作者、学者和普通观众提供资源; 加强伙伴机构的能力建设，以缩小国家内部和国家之间的数码技术鸿沟。 关于WDL的网站 WDL让世界各地的读者可以在同一个网站上以各种不同的方式发现、学习和欣赏世界各地的文化珍宝。 这些珍贵文物包括，但不限于手稿、地图、珍本书籍、乐谱、录音、电影、印刷品、照片和建筑图纸。 存储在世界数字图书馆的条目可能很容易地按地点、时间、主题、条目类型、参与机构进行浏览，也可以以几种语言进行广泛搜索。 特别的功能包括互动式地理集群、时间表、先进的影像浏览和诠释能力。 对条目的说明和对馆长的采访提供了更为详尽的信息。 导航工具和内容说明以阿拉伯文、中文、英文、法文、葡萄牙文、俄文和西班牙文提供。 我们还提供以许多其他语种编撰的书籍、手稿、地图、照片和其他初级原料（均以本族语编撰）。 世界数字图书馆是由美国国会图书馆的一个小组， 在许多国家的伙伴机构的共同协作下，在联合国教育，科学及文化组织（教科文组织）的支持下借助于一些公司和私人基金会的财力支持开发而成。 您也可以到他们的网站去了解更多背景。 网址：http://www.wdl.org/zh/ 咱再换个话题？&#8594;&#160;《2009香港最新功夫片——东邪西毒：终极版》 分类于：好康推荐       标签: 世界数字图书馆, 免费资源 ©2009 笨活儿 &#124; 永久链接 &#124; 已经有2条评论了 &#124; 推荐到豆瓣<div
class="related-post"> 咱再换个话题？&rarr;&nbsp;《<a
href="http://blog.benhuoer.com/posts/the_man_from_earth.html" rel="bookmark">《来自地球的人》&#8211; 活14000年怎么样？</a>》</div> ]]></description> <content:encoded><![CDATA[<h3>一句话介绍：</h3><p><a
href="http://www.wdl.org/zh/">世界数字图书馆</a>是联合国教科文组织支持、美国国会图书馆开发的一个线上图书馆。提供各种珍贵文物的数字版本。这些珍贵文物包括，但不限于手稿、地图、珍本书籍、乐谱、录音、电影、印刷品、照片和建筑图纸。</p><p>他们网站的UI非常的酷，而且图片清晰，丝毫毕现。同时还免费提供pdf或者jpg的下载。我在上面找到了<a
href="http://www.wdl.org/zh/item/3020/" target="_blank">四库全书</a>、《<a
href="http://www.wdl.org/zh/item/3021/" target="_blank">天工开物</a>》、<a
href="http://www.wdl.org/zh/item/3053/" target="_blank">资治通鉴残稿</a>、<a
href="http://www.wdl.org/zh/item/44/" target="_blank">1900年的老北京地图</a>、约翰·汤姆逊<a
href="http://www.wdl.org/zh/item/3083/" target="_blank">有关中国及中国人民的200张照片</a> 。</p><p><span
id="more-1412"></span></p><h3>以下介绍来自网站：</h3><blockquote><h4>WDL的愿景</h4><p>世界数字图书馆（ WDL ）在互联网上以多语种形式免费提供源于世界各地各文化的重要原始材料。</p><p>其主要目的是：</p><ul><li>促进国际和文化间的相互理解;</li><li>增加互联网上文化内容的数量和种类;</li><li>为教育工作者、学者和普通观众提供资源;</li><li>加强伙伴机构的能力建设，以缩小国家内部和国家之间的数码技术鸿沟。</li></ul><h4>关于WDL的网站</h4><p>WDL让世界各地的读者可以在同一个网站上以各种不同的方式发现、学习和欣赏世界各地的文化珍宝。 这些珍贵文物包括，但不限于手稿、地图、珍本书籍、乐谱、录音、电影、印刷品、照片和建筑图纸。</p><p>存储在世界数字图书馆的条目可能很容易地按地点、时间、主题、条目类型、参与机构进行浏览，也可以以几种语言进行广泛搜索。 特别的功能包括互动式地理集群、时间表、先进的影像浏览和诠释能力。 对条目的说明和对馆长的采访提供了更为详尽的信息。</p><p>导航工具和内容说明以阿拉伯文、中文、英文、法文、葡萄牙文、俄文和西班牙文提供。 我们还提供以许多其他语种编撰的书籍、手稿、地图、照片和其他初级原料（均以本族语编撰）。</p><p>世界数字图书馆是由美国国会图书馆的一个小组， 在许多国家的伙伴机构的共同协作下，在联合国教育，科学及文化组织（教科文组织）的支持下借助于一些公司和私人基金会的财力支持开发而成。</p></blockquote><p><strong>您也可以到他们的网站去<a
href="http://www.wdl.org/zh/about/background.html" target="_blank">了解更多背景</a>。</strong></p><p>网址：<a
href="http://www.wdl.org/zh/" target="_blank">http://www.wdl.org/zh/</a></p><div
class="related-post"><p>咱再换个话题？&rarr;&nbsp;《<a
href="http://blog.benhuoer.com/posts/translation-is-good-1.html" rel="bookmark">每日一译，有益健康 [1]</a>》</p></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/freebies" title="查看 好康推荐 中的全部文章" rel="category tag">好康推荐</a>        标签: <a
href="http://blog.benhuoer.com/tag/%e4%b8%96%e7%95%8c%e6%95%b0%e5%ad%97%e5%9b%be%e4%b9%a6%e9%a6%86" rel="tag">世界数字图书馆</a>, <a
href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90" rel="tag">免费资源</a></div><p><small>©2009 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/wdl.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/wdl.html#comments" target="_blank">已经有2条评论了</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/wdl.html&title=好康推荐 &#8211; 世界数字图书馆WDL&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/wdl.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> <item><title>好康推荐——中国开放教育资源协会</title><link>http://blog.benhuoer.com/posts/china-open-source-for-education.html</link> <comments>http://blog.benhuoer.com/posts/china-open-source-for-education.html#comments</comments> <pubDate>Wed, 15 Apr 2009 11:54:34 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[好康推荐]]></category> <category><![CDATA[OCW]]></category> <category><![CDATA[免费资源]]></category> <category><![CDATA[开源]]></category> <category><![CDATA[精品课]]></category> <guid
isPermaLink="false">http://blog.benhuoer.com/?p=621</guid> <description><![CDATA[因为要查一点资料，偶然的发现了中国开放教育资源协会的网站。 很早就知道网上肯定有一个全国各高校精品课程的集合网站，well then，中国开放教育资源协会就提供这样一个列表。但是他们能够提供的可远远不止这些。 目前他们的网站，搜集了2007年以前评定的的1100余门国家级精品课的链接。有了这一个列表，你就坐拥了一个庞大的知识库。很多你们学校教得不好，或者没能开设的课程，都能在这里找到详细的学习程序，丰富的学习资源。大家应该知道，精品课申报都要求提交教案、课件的。大学不就是靠自学么？有了高质量的课件和教案，很容易就能自学成才。好吧，就算我们没必要把每一样东西都学精通，这些资源也是一个丰富自己各种学科学识的大宝库。 他们的网站上也有省级和校级精品课的链接。不过貌似没来得及更新，打开后并没有实际内容。 除此之外，更赞的是，他们还提供大量国外院校的开源教育资源。 众所周知，麻省理工有一个开放课程项目（OCW），大量MIT的校内课程被放到了网上供人们免费浏览，并且近年OCW被志愿者积极地翻译成了各国语言（包括中文）。这个网站提供OCW的国内镜像，以及提供部分课程的的汉化版本，让你零距离接触世界一流院系的教育模式。 What&#8217;s more, 你还能在这里找到更多国外名校的精选资源。 更多惊喜，还待你自己去check it out~ 摘抄部分FAQ： 11． CORE的含义是什么？ 答： CORE的英文全称为“China Open Resources for Education”，中文名字为“中国开放式教育资源共享协会”。 12． CORE的使命是什么？ 答： CORE以推进中美两国高校之间的紧密合作与资源共享为使命，并坚信这是世界教育发展的大势所趋。 13． CORE成立于何时？ 答： 成立CORE的想法源自于MIT OpenCourseWare的启发，并在2003年9月于北京召开的第一届开放式课件国际论坛上得到大家的一致认同，而后开始筹备。于同年10月在北京 成立。CORE的成立得到了美国Hewlett基金会、IET教育基金会、麻省理工和中国教育部以及教育、科技、工商等社会各界朋友的大力支持。 UODATE：又找到一个更全面的精品课网站。 死链比CORE少，更新也更及时。 你应该也会喜欢： 川农同学注意了！海量电影资源来了！好康推荐 &#8211; 博看网 分类于：好康推荐       标签: OCW, 免费资源, 开源, 精品课 ©2009 笨活儿 &#124; 永久链接 &#124; 板凳还在 &#124; 推荐到豆瓣<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/ipv6-resources.html" rel="bookmark">川农同学注意了！海量电影资源来了！</a></li><li><a
href="http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html" rel="bookmark">好康推荐 &#8211; 博看网</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p>因为要查一点资料，偶然的发现了<a
href="http://www.core.org.cn/core/default.aspx" target="_blank">中国开放教育资源协会</a><a
href="http://www.core.org.cn/core/default.aspx"></a>的网站。</p><p>很早就知道网上肯定有一个全国各高校精品课程的集合网站，well then，<a
href="http://www.core.org.cn/core/default.aspx" target="_blank">中国开放教育资源协会</a>就提供<a
href="http://www.core.org.cn/core/localcourse/course_subject.aspx" target="_blank">这样一个列表</a>。但是他们能够提供的可远远不止这些。</p><p>目前他们的网站，搜集了2007年以前评定的的1100余门国家级精品课的链接。有了这一个列表，你就坐拥了一个庞大的知识库。很多你们学校教得不好，或者没能开设的课程，都能在这里找到详细的学习程序，丰富的学习资源。大家应该知道，精品课申报都要求提交教案、课件的。大学不就是靠自学么？有了高质量的课件和教案，很容易就能自学成才。好吧，就算我们没必要把每一样东西都学精通，这些资源也是一个丰富自己各种学科学识的大宝库。<br
/> <span
id="more-621"></span><br
/> 他们的网站上也有省级和校级精品课的链接。不过貌似没来得及更新，打开后并没有实际内容。</p><p>除此之外，更赞的是，他们还提供大量国外院校的开源教育资源。</p><p>众所周知，麻省理工有一个开放课程项目（OCW），大量MIT的校内课程被放到了网上供人们免费浏览，并且近年OCW被志愿者积极地翻译成了各国语言（包括中文）。这个网站提供OCW的<a
href="http://www.core.org.cn/OcwWeb/index.htm">国内镜像</a>，以及提供部分课程的的<a
href="http://www.core.org.cn/core/opencourse/course_subject.aspx?do=com" target="_blank">汉化版本</a>，让你零距离接触世界一流院系的教育模式。</p><p>What&#8217;s more, 你还能在这里找到更多国外名校的<a
href="http://www.core.org.cn/core/resource/default.aspx" target="_blank">精选资源</a>。</p><p>更多惊喜，还待你自己去check it out~</p><p><strong>摘抄部分<a
href="http://www.core.org.cn/core/faq/default.aspx" target="_blank">FAQ</a>：</strong></p><blockquote><table
style="height: 46px;" border="0" cellspacing="0" cellpadding="0" width="95%"><tbody><tr
bgcolor="#fff0d9"><td
style="padding-left: 10px;" width="89%" height="40"><span
style="color: #000000;"><span
id="Repeater1__ctl10_Label1">11</span>．                                         CORE的含义是什么？</span></td><td
width="11%"><a
onclick="ShowAnswer('23')" href="http://www.core.org.cn/core/faq/default.aspx#a23"><br
/> </a></td></tr><tr
id="tr23"><td
style="padding-left: 10px;" height="20">答：                                         CORE的英文全称为“China Open Resources for Education”，中文名字为“中国开放式教育资源共享协会”。</td><td></td></tr><tr><td
height="3"></td><td></td></tr><tr
bgcolor="#fff0d9"><td
style="padding-left: 10px;" width="89%" height="40"><span
style="color: #000000;"><span
id="Repeater1__ctl11_Label1">12</span>．                                         CORE的使命是什么？</span></td><td
width="11%"><a
onclick="ShowAnswer('24')" href="http://www.core.org.cn/core/faq/default.aspx#a24"><br
/> </a></td></tr><tr
id="tr24"><td
style="padding-left: 10px;" height="20">答：                                         CORE以推进中美两国高校之间的紧密合作与资源共享为使命，并坚信这是世界教育发展的大势所趋。</td><td></td></tr><tr><td
height="3"></td><td></td></tr><tr
bgcolor="#fff0d9"><td
style="padding-left: 10px;" width="89%" height="40"><span
style="color: #000000;"><span
id="Repeater1__ctl12_Label1">13</span>．                                         CORE成立于何时？</span></td><td
width="11%"><a
onclick="ShowAnswer('25')" href="http://www.core.org.cn/core/faq/default.aspx#a25"><br
/> </a></td></tr><tr
id="tr25"><td
style="padding-left: 10px;" height="20">答： 成立CORE的想法源自于MIT OpenCourseWare的启发，并在2003年9月于北京召开的第一届开放式课件国际论坛上得到大家的一致认同，而后开始筹备。于同年10月在北京 成立。CORE的成立得到了美国Hewlett基金会、IET教育基金会、麻省理工和中国教育部以及教育、科技、工商等社会各界朋友的大力支持。</td></tr></tbody></table></blockquote><p>UODATE：又找到一个更全面的<a
href="http://www.jingpinke.com/">精品课网站</a>。 死链比CORE少，更新也更及时。</p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/ipv6-resources.html" rel="bookmark">川农同学注意了！海量电影资源来了！</a></li><li><a
href="http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html" rel="bookmark">好康推荐 &#8211; 博看网</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/freebies" title="查看 好康推荐 中的全部文章" rel="category tag">好康推荐</a>        标签: <a
href="http://blog.benhuoer.com/tag/ocw" rel="tag">OCW</a>, <a
href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90" rel="tag">免费资源</a>, <a
href="http://blog.benhuoer.com/tag/%e5%bc%80%e6%ba%90" rel="tag">开源</a>, <a
href="http://blog.benhuoer.com/tag/%e7%b2%be%e5%93%81%e8%af%be" rel="tag">精品课</a></div><p><small>©2009 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/china-open-source-for-education.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/china-open-source-for-education.html#comments" target="_blank">板凳还在</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/china-open-source-for-education.html&title=好康推荐——中国开放教育资源协会&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/china-open-source-for-education.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>好康推荐 &#8211; 博看网</title><link>http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html</link> <comments>http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html#comments</comments> <pubDate>Mon, 06 Apr 2009 09:50:44 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[好康推荐]]></category> <category><![CDATA[免费资源]]></category> <category><![CDATA[博看网]]></category> <guid
isPermaLink="false">http://blog.benhuoer.com/?p=581</guid> <description><![CDATA[川农的同学又有福了。现在你们可以免费阅读3000种，六万本中文期刊…… 博看网 个人推荐书刊： 艺术与设计 可惜没有多少期，最新一期也看不了 艺术与设计·居 现代装饰 缤纷家居 城市画报 可惜，我没有找到国家地理，没有找到华夏人文地理，没有找到看天下，没有找到ID China&#8230; 你应该也会喜欢： 好康推荐——中国开放教育资源协会 分类于：好康推荐       标签: 免费资源, 博看网 ©2009 笨活儿 &#124; 永久链接 &#124; 等你来抢沙发呢 &#124; 推荐到豆瓣<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/china-open-source-for-education.html" rel="bookmark">好康推荐——中国开放教育资源协会</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p>川农的同学又有福了。现在你们可以免费阅读3000种，六万本中文期刊……</p><p><a
href="http://www.bookan.com.cn/default.html">博看网</a></p><p>个人推荐书刊：</p><p><a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=M5b653709-9615-4068-8f05-e26223bc59b6">艺术与设计</a> 可惜没有多少期，最新一期也看不了<a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=M5b653709-9615-4068-8f05-e26223bc59b6"><br
/> </a></p><p><a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=M13d5b15f-9e07-4886-ab04-4fad86537652">艺术与设计·居</a></p><p><a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=M26f4c717-5955-4480-9893-471c673694d8">现代装饰</a></p><p><a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=M399b571e-53fa-4724-bbba-7dc54dc51278">缤纷家居</a></p><p><a
href="http://www.bookan.com.cn/popular/book_intro.aspx?id=Me0f0a2b6-5b01-4322-8e7d-f131dd2a2be2">城市画报</a></p><p>可惜，我没有找到国家地理，没有找到华夏人文地理，没有找到看天下，没有找到ID China&#8230;</p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/china-open-source-for-education.html" rel="bookmark">好康推荐——中国开放教育资源协会</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/freebies" title="查看 好康推荐 中的全部文章" rel="category tag">好康推荐</a>        标签: <a
href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90" rel="tag">免费资源</a>, <a
href="http://blog.benhuoer.com/tag/%e5%8d%9a%e7%9c%8b%e7%bd%91" rel="tag">博看网</a></div><p><small>©2009 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html#comments" target="_blank">等你来抢沙发呢</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html&title=好康推荐 &#8211; 博看网&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/%e5%a5%bd%e5%ba%b7%e6%8e%a8%e8%8d%90-%e5%8d%9a%e7%9c%8b%e7%bd%91.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>40个实用的轻量级JavaScript库[SM]</title><link>http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html</link> <comments>http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html#comments</comments> <pubDate>Tue, 10 Mar 2009 10:25:09 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[前端开发]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Smashing Magazine]]></category> <category><![CDATA[Web标准]]></category> <category><![CDATA[免费资源]]></category> <guid
isPermaLink="false">http://blog.benhuoer.com/?p=495</guid> <description><![CDATA[流行的JavaScript库，如jQuery, MooTools, Prototype, Dojo和YUI等，完成起常见的JavaScript任务来得心应手。这些JS库为客户端动作(events)、动画特效(effects)，和AJAX应用等提供很多现成的函数。而且如果这些库中的某一个无法直接达到你要的效果，还可能会有相关插件满足你的要求。 JavaScript库的灵活性给我们的工作提供方便，但有利也有弊——比如说JavaScript文件过大的问题。尽管放弃这些著名的JavaScript库能显示你的聪明才智，但你可能还是会愿意采用一些体积小巧、专注于特定任务的JavaScript库。 以下是40个帮助你达到特定目的的独立JavaScript库。 网上能用的当然不只这些，但每位网页设计师和程序员应该都能在这里有所收获。 1. 表单 wForms wForms 是一个开源的、 无入侵的(unobstrusive)注*代码库，能够简化大部分与表单相关的常用JavaScript函数。 它能对表单的用户输入值进行验证，只需为表单元素添加一个特定的类即可使用。另外，wForms 还具有强大的表单同步（例如“全选/全不选”）和条件表单（如，当x被选择则显示y）功能。 注* 这个词也被译为“不唐突”，“有的放矢”等。意即JavaScript代码和HTML代码分离，同时也对不同版本浏览器选择性地做出反应，以提高用户体验。更多解释，请参照“为之漫笔”。译者认为“无入侵”贴合英文原文，作为术语更加简洁易懂，应该成为这个词的通用译法。 Validanguage Validanguage 是一个无入侵的 JavaScript表单验证框架。 它有一个继承逻辑，可以全局定义，也可以对每个表单或每个元素分别定义。 利用作者提供的两个API，以及诸如综合的AJAX支持(integrated AJAX support)、缓存和调用函数等特性，该框架可以提供强健的(robust)验证体验。两个API用以高级设置，分别是加在注释里的像HTML语言的 API和基于JavaScript对象的API。 LiveValidation LiveValidation是一个轻量级的JavaScript库，提供一系列验证函数。除了经典验证法，此库还具有实时验证(live validation)特性，能根据你键入的文字实时控制特定区域。 Ruby on Rails的开发者会发现LiveValidation异常好用，因为二者的命名规范和参数设置非常相似。虽然它是独立库，不过也有一个Prototype版注*。 注* 也就是依赖于Prototype库，但是本身代码更简洁的版本 yav 一个功能强大、可扩展、使用灵活的表单验证代码库。yav可处理多种情况，从日期、email、整数之类的基本验证到掩码文本框和自定义正则表达式之类的高级应用，都得心应手。该库内建AJAX支持，并且可以轻易在每个对象层自定义错误显示信息。 qForms 处理表单的完全解决方案。为开发者提供诸如多样验证规则，阻止多次提交，锁定/禁用域等特性。 formreform 不用表格来实现多栏布局通常都很有挑战性。这个小巧的代码库能够把一个简单表单转换成一栏、两栏或四栏格式化布局的表单。利用formreform能自动让表单样式适应任何设计。 2. 动画 $fx() $fx() 是一个用户为HTML元素添加动画效果的轻量级代码库。利用此库，你可以指定在一定时间内改变任何CSS属性。对于复杂动画，你可以合并效果，给各效果分组，让它们链式反应或者同时发生。你还可以为每一步动画设定不同的回调动作，进行更深入的自定义。 JSTweener 补间动画的JavaScript库。它的API和著名的ActionScript补间动画引擎 Tweener 相似。你可以调用动画时间，定义形状变换方式和延迟。在几乎任何时间点（如onStart &#8211; 开始时, onComplete -完成时, onUpdate &#8211; [...]<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/10-tips-for-jquery-performance.html" rel="bookmark">即刻提升jQuery性能的十个技巧[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/24-javascript-best-practices-for-beginners.html" rel="bookmark">给JavaScript新手的24条实用建议[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/info-files-for-themes.html" rel="bookmark">[Drupal模板制作手册-4]主题的.info文件</a></li><li><a
href="http://blog.benhuoer.com/posts/crucial-concepts-behind-advanced-regular-expressions.html" rel="bookmark">正则表达式高级技巧背后的关键概念[SM]</a></li><li><a
href="http://blog.benhuoer.com/posts/anatomy-of-a-drupal-theme.html" rel="bookmark">[Drupal模板制作手册-2]主题的解剖</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p>流行的<strong>JavaScript库</strong>，如<a
title="jQuery官网" href="http://jquery.com" target="_blank">jQuery</a>, <a
title="Mootools官网" href="http://mootools.net/" target="_blank">MooTools</a>, <a
title="Prototype官网" href="http://www.prototypejs.org/" target="_blank">Prototype</a>, <a
title="dojo官网，貌似最近出问题了" href="http://www.dojotoolkit.org/" target="_blank">Dojo</a>和<a
title="雅虎提供的一个JS库" href="http://developer.yahoo.com/yui/" target="_blank">YUI</a>等，完成起常见的JavaScript任务来得心应手。这些JS库为客户端动作(events)、动画特效(effects)，和AJAX应用等提供很多现成的函数。而且如果这些库中的某一个无法直接达到你要的效果，还可能会有相关插件满足你的要求。</p><p>JavaScript库的灵活性给我们的工作提供方便，但有利也有弊——比如说JavaScript文件过大的问题。尽管放弃这些著名的JavaScript库能显示你的聪明才智，但你可能还是会愿意采用一些体积小巧、专注于特定任务的JavaScript库。</p><p>以下是<strong>40个帮助你达到特定目的的独立JavaScript库</strong>。 网上能用的当然不只这些，但每位网页设计师和程序员应该都能在这里有所收获。</p><h3><span
id="more-495"></span>1. 表单</h3><p><a
href="http://www.formassembly.com/wForms/" target="_blank">wForms</a><br
/> wForms 是一个<strong>开源的</strong>、<strong> 无入侵的(unobstrusive)</strong><strong><sup>注*</sup></strong><strong>代码库</strong>，能够简化大部分与表单相关的常用JavaScript函数。 它能对表单的用户输入值进行验证，只需为表单元素添加一个特定的类即可使用。另外，<strong>wForms</strong> 还具有强大的<strong>表单同步</strong>（例如“全选/全不选”）和<strong>条件表单</strong>（如，当x被选择则显示y）功能。</p><p><span
style="color: #999999;">注* 这个词也被译为“不唐突”，“有的放矢”等。意即JavaScript代码和HTML代码分离，同时也对不同版本浏览器选择性地做出反应，以提高用户体验。更多解释，请参照“<a
href="http://www.cn-cuckoo.com/2007/08/14/unobtrusive-javascript-progressive-enhancement-gracefully-degrade-82.html" target="_blank">为之漫笔</a>”。译者认为“无入侵”贴合英文原文，作为术语更加简洁易懂，应该成为这个词的通用译法。</span></p><p><a
href="http://www.formassembly.com/wForms/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/wforms.gif" border="0" alt="wForms" width="480" height="116" /></a></p><p><a
href="http://www.drlongghost.com/validanguage.php" target="_blank">Validanguage</a><br
/> Validanguage 是一个无入侵的 <strong>JavaScript表单验证框架</strong>。 它有一个继承逻辑，可以全局定义，也可以对每个表单或每个元素分别定义。 利用作者提供的两个API，以及诸如综合的AJAX支持(integrated AJAX support)、缓存和调用函数等特性，该框架可以提供强健的(robust)验证体验。两个API用以高级设置，分别是加在注释里的像HTML语言的 API和基于JavaScript对象的API。</p><p><a
href="http://www.drlongghost.com/validanguage.php" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/validanguage.gif" border="0" alt="Validanguage" width="480" height="116" /></a></p><p><a
href="http://www.livevalidation.com/" target="_blank">LiveValidation</a><br
/> LiveValidation是一个轻量级的JavaScript库，提供一系列验证函数。除了经典验证法，此库还具有实时验证(live validation)特性，能<strong>根据你键入的文字实时控制特定区域</strong>。 <strong>Ruby on Rails</strong>的开发者会发现LiveValidation异常好用，因为二者的命名规范和参数设置非常相似。虽然它是独立库，不过也有一个Prototype版<sup>注*</sup>。</p><p><span
style="color: #999999;">注* 也就是依赖于Prototype库，但是本身代码更简洁的版本</span></p><p><a
href="http://www.livevalidation.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/live-validation.gif" alt="LiveValidation" width="480" height="116" /></a></p><p><a
href="http://yav.sourceforge.net/en/index.html" target="_blank">yav</a><br
/> 一个功能强大、可扩展、使用灵活的<strong>表单验证代码库</strong>。<strong>yav</strong>可处理多种情况，从日期、email、整数之类的基本验证到<a
title="JavaScript Mask，利用JavaScript改变输入域在客户端的外观" href="http://www.webresourcesdepot.com/javascript-input-masks/" target="_blank">掩码文本框</a>和自定义正则表达式之类的高级应用，都得心应手。该库内建AJAX支持，并且可以轻易在每个对象层自定义错误显示信息。</p><p><a
href="http://www.pengoworks.com/index.cfm?action=get:qforms" target="_blank">qForms</a><br
/> 处理表单的完全解决方案。为开发者提供诸如多样验证规则，阻止多次提交，锁定/禁用域等特性。</p><p><a
href="http://code.google.com/p/formreform/" target="_blank">formreform</a><br
/> 不用表格来实现多栏布局通常都很有挑战性。这个小巧的代码库能够把一个简单表单转换成一栏、两栏或四栏格式化布局的表单。利用<strong>formreform</strong>能自动让表单样式适应任何设计。</p><p><a
href="http://code.google.com/p/formreform/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/formreform.gif" border="0" alt="formreform" width="480" height="116" /></a></p><h3>2. 动画</h3><p><a
href="http://fx.inetcat.com/" target="_blank">$fx()</a><br
/> <strong>$fx()</strong> 是一个用户为HTML元素添加动画效果的轻量级代码库。利用此库，你可以指定在一定时间内改变任何CSS属性。对于复杂动画，你可以合并效果，给各效果分组，让它们链式反应或者同时发生。你还可以为每一步动画设定不同的回调动作，进行更深入的自定义。</p><p><a
href="http://fx.inetcat.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/fx-javascript-animations.jpg" border="0" alt="$fx() JavaScript Animation Library" width="480" height="116" /></a></p><p><a
href="http://coderepos.org/share/wiki/JSTweener" target="_blank">JSTweener</a><br
/> 补间动画的JavaScript库。它的API和著名的ActionScript补间动画引擎 <a
href="http://code.google.com/p/tweener/" target="_blank">Tweener</a> 相似。你可以调用动画时间，定义形状变换方式和延迟。在几乎任何时间点（如onStart &#8211; 开始时, onComplete -完成时, onUpdate &#8211; 更新时），你都可以引发新动作。</p><p><a
href="http://coderepos.org/share/wiki/JSTweener" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/jstweener.gif" border="0" alt="JSTweener" /></a></p><p><a
href="http://developers.facebook.com/animation/" target="_blank">Facebook Animation</a><br
/> 用于创建基于CSS的自定义动画的强大代码库。利用一两行Facebook Animation，你就能改善用户界面。本代码库的语法遵循FBJS（在Facebook实用工具中使用的代码库），一旦学会，你也就具备了创建Facebook实用工具的能力！</p><p><a
href="http://ryanmorr.com/archives/fx-lightweight-and-standalone" target="_blank">FX</a><br
/> 一个轻量级代码库，拥有和YUI类似的使用句法。<strong>FX</strong>可以为几乎所有CSS属性创建补间动画。支持颜色和滚动动画。你只需要设计任意对象，任意属性的起始值和结束值就够了。</p><h3>3. 视觉化和图像特效</h3><p><a
href="http://www.jscharts.com/" target="_blank">JS charts</a><br
/> <strong>JS charts</strong> 可以输出柱状图，饼图和曲线图。只需从一个XML文件或JavaScript数组里调用数据，它就能提供极佳的易用性。图表被输出为png图像文件。该库支持大部分流行的浏览器。</p><p><a
href="http://www.jscharts.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/js-charts.jpg" border="0" alt="JS Charts" width="480" height="116" /></a></p><p><a
href="http://www.c3dl.org/" target="_blank">Canvas 3D JS Library (C3DL)</a><br
/> <strong>C3DL</strong>让编写3D应用更加容易。它提供一组算法、场景和3D对象类，对于想在浏览器里开发3D内容，但是对3D图像的深层算法不甚了了的程序员真是不小的福音。</p><p><a
href="http://www.c3dl.org/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/c3dl.jpg" border="0" alt="C3DL" width="480" height="116" /></a></p><p><a
href="http://ejohn.org/blog/processingjs/" target="_blank">Processing.js</a><br
/> 这个JavaScript库指向 <a
href="http://processing.org/" target="_blank">Processing 语言</a> （一个用于图像、动画和交互编程的语言）。它有丰富的特性用于创建2D输出，提供形状/图像绘制方法、颜色处理、字体、对象、算法函数等等。</p><p><a
href="http://ejohn.org/blog/processingjs/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/processing-js.gif" border="0" alt="Processing.js" width="480" height="116" /></a></p><p><a
href="http://raphaeljs.com/" target="_blank">Rapha?l</a><br
/> 一个极赞的代码库，简化在网页中使用矢量图形的工作。Rapha?l 利用<a
title="维基百科上的SVG" href="http://zh.wikipedia.org/wiki/SVG" target="_blank">SVG</a>和<a
title="维基百科上的VML词条" href="http://zh.wikipedia.org/wiki/Vector_Markup_Language" target="_blank">VML</a>来创建图像，并能为这些图像绑定动作处理器。该库功能强大，包括旋转、动画、缩放和绘制曲线、矩形、圆形等。</p><p><a
href="http://raphaeljs.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/raphael-js.jpg" border="0" alt="Raphael: Vectors With JavaScript" width="480" height="116" /></a></p><p><a
href="http://www.nihilogic.dk/labs/imagefx/" target="_blank">ImageFX</a><br
/> 可以为图像添加特效，例如模糊、锐化、浮雕、变亮等等。ImageFX使用画布元素来创建效果。兼容所有主流浏览器（你可以在其页面看到兼容性列表）。此库简单易用，只需要在网页中插入.js文件然后用一行代码调用就够了。</p><p><a
href="http://www.nihilogic.dk/labs/imagefx/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/imagefx.jpg" border="0" alt="Imagefx" width="480" height="116" /></a></p><p><a
href="http://www.pixastic.com/" target="_blank">Pixastic</a><br
/> <strong>Pixastic</strong> 使用HTML5的画布对象，此对象可以直接处理像素级数据。支持的效果包括减淡和去色、反相、翻转、亮度和对比度调节、色相和饱和度、浮雕、模糊等等等等。由于画布对象相对较新，各个浏览器对这一JavaScript库的支持程度不尽相同。</p><p><a
href="http://cow.neondragon.net/stuff/reflection/" target="_blank">Reflection.js</a><br
/> 自动创建倒影效果的无侵入JavaScript库。倒影的高度和透明度可以自定义。使用该库就像给图像添加一个“类”一样简单。在所有主流浏览器中都能正常工作，文件大小不过5 KB。</p><p><a
href="http://cow.neondragon.net/stuff/reflection/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/reflection-js.jpg" border="0" alt="Reflection.js" width="480" height="116" /></a></p><h3>4. 数据库</h3><p><a
href="http://taffydb.com/" target="_blank">Taffy DB</a><br
/> 可以作为浏览器中的SQL数据库来使用的JavaScript，也可以看做是一个高级的“数组管理器”。在AJAX化的Web应用中，它可以工作在数据库层。你可以创建、读取、编辑和删除数据，也可以使用循环、归类以及各种高级查询方式。</p><p><a
href="http://www.activerecordjs.org/" target="_blank">ActiveRecord.js</a><br
/> 此库支持Google Gears和Chrome，Aptana Jaxer，Adobe AIR ，以及任何支持W3C HTML5 SQL规范的平台（现在Webkit和iPhone也支持了）。它使在JavaScript利用数据库变得简单。使用<strong>ActiveRecord.js</strong>, 你能自动创建数据表、验证和同步数据等等。</p><p><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/activerecord-js.gif" alt="ActiveRecord.js" width="480" height="116" /></p><h3>5. 字符串和数学函数</h3><p><a
href="http://www.datejs.com/" target="_blank">Date.js</a><br
/> 和日期打交道总是很容易把人搞昏掉。如此多的点、斜杠和格式。<strong>Datejs</strong>以令人耳目一新的方式提供或简单或复杂的日期函数。它可以处理如下格式的日期：“Next thursday”(下星期四), “+2 years”(两年后) 以及诸如2009.01.08, 12/6/2001的所有格式。</p><p><span
style="color: #999999;">译注：此函数很有用啊，哪位朋友来把它汉化成可以支持中文就好了。</span></p><p><a
href="http://www.datejs.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/datejs.jpg" border="0" alt="Datejs" width="480" height="116" /></a></p><p><a
href="http://sylvester.jcoglan.com/" target="_blank">Sylvester</a><br
/> 此JavaScript库可以轻松处理矢量和矩阵。有了它你就不用被一串串循环和大量数组搅得头昏脑胀了。此库包含模数化矢量和任意维度的矩阵的类，从而可以计算无限直线的模数和3D空间里的平面。</p><p><span
style="color: #999999;">译注：太高级了，直冒冷汗&#8220;` -_-||</span></p><p><a
href="http://sylvester.jcoglan.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/sylvester.gif" border="0" alt="Sylvester" width="480" height="116" /></a></p><p><a
href="http://ejohn.org/projects/javascript-pretty-date/" target="_blank">Pretty Date </a><br
/> 一个聪明的JavaScript解决方案，让过去一个月内的日期以更加漂亮和用户友好的方式显示。它能让日期以距离现在多久的方式显示，如“3天以前”，“昨天”。</p><p><a
href="http://ejohn.org/projects/javascript-pretty-date/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/pretty-date.gif" alt="Pretty Date" width="480" height="116" /></a></p><p><a
href="http://stevenlevithan.com/regex/xregexp/" target="_blank">XRegExp</a><br
/> 正则表达式可以在JavaScript里通过RegExp对象加以利用。 <strong>XRegExp</strong> 能使正则表达式变得更加强大，它提供一些在将来的浏览器才会实现的特性（据 ECMAScript 4 &#8211; ES4 的开发愿景）。使用该库，RegExp对象可以被缓存和再利用，还能为已经存在的RegExp对象添加修改器等等。</p><p><a
href="http://www.fliquidstudios.com/projects/javascript-url-library/" target="_blank">JavaScript URL Library</a><br
/> 一个用与方便处理URLs的JavaScript库。如果需要，它可以控制到将URL内每一个部分当做字符串来处理。这一URL代码库刚出炉不久，但已能像刚才所提一样工作。</p><h3>6. 字体</h3><p><a
href="http://typeface.neocracy.org/" target="_blank">typeface.js</a><br
/> 一个用以在网页上使用任意字体的代码库。与流行的解决方案（如<a
href="http://www.mikeindustries.com/blog/sifr/" target="_blank">sIFR</a> 和 <a
href="http://facelift.mawhorter.net/" target="_blank">FLIR</a>）不同，<strong>typeface.js</strong> 并不需要Flash，是100%的JavaScript应用。要使用任意字体，只需上传其字体文件到一个 <a
href="http://typeface.neocracy.org/fonts.html" target="_blank">基于网页的字体生成器</a>，然后下载渲染过的JavaScript文件，把它添加到你的网页中即可。</p><p><a
href="http://typeface.neocracy.org/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/typeface-js.gif" border="0" alt="Typeface.js" width="480" height="116" /></a></p><p><a
href="http://cufon.shoqolate.com/generate/" target="_blank">Cufón</a><br
/> 与typeface.js十分相似， <strong>Cufón</strong> 也是一个让你在网页中使用TrueType字体的代码库。同样，它也使用一个生成器来将字体文件转换成VML图像。只需在网页中插入generated .js文件，你即可像使用普通字体一样使用你指定的字体。</p><p><span
style="color: #888888;">译注：这两个工具对于中文网页不太实用…… (⊙_⊙)</span></p><h3>7. 调试与记录</h3><p><a
href="http://www.gscottolson.com/blackbirdjs/" target="_blank">Blackbird</a><br
/> 在JavaScript开发过程中，经常会用到alert()函数来添加断点。<strong>Blackbird</strong> 提供一个风格化的控制台，用以记录、查看和过滤JavaScript中的消息，如此即可消除在每个alert()的停顿，并且更好地分析它们，从而加快开发进程。</p><p><a
href="http://www.gscottolson.com/blackbirdjs/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/blackbird.jpg" border="0" alt="Blackbird" width="288" height="116" /></a></p><p><a
href="http://www.nitobibug.com/" target="_blank">NitobiBug</a><br
/> 基于浏览器的，跨浏览器 <strong>JavaScript 对象记录和检测组件</strong>。通过在你的代码中插入规则（和JavaScript对象的用法类似），你可以轻易区别简单类型，如字符串、布尔值和数值，以及复杂元素，如错误信息和JavaScript对象。</p><p><a
href="http://www.nitobibug.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/nitobibug.jpg" border="0" alt="NitobiBug" width="480" height="116" /></a></p><p><a
href="http://getfirebug.com/lite.html" target="_blank">Firebug Lite</a><br
/> <strong>Firebug</strong>，大概是世界上最好的JavaScript调试工具，可惜只能在Firefox中使用。要在所有浏览器中拥有一个类似工具，向你的网页添加这个<strong>Firebug Lite</strong> .js文件吧，面对你的是你所熟悉的功能和界面。</p><p><a
href="http://getfirebug.com/lite.html" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/firebug-lite.jpg" border="0" alt="Firebug Lite" width="480" height="116" /></a></p><h3>8. 其他</h3><p><a
href="http://code.google.com/p/swfobject/" target="_blank">swfobject</a><br
/> <strong>swfobject</strong> 是最流行的，扩展性最好的插入Flash影片的方式。此库符合Web标准，生成可以通过验证的标记，能够自动检测用户的Flash播放器版本，如果版本不匹配，它还允许你向用户显示代替内容。你可以看一看“<a
href="http://www.alistapart.com/articles/flashembedcagematch/" target="_blank">为什么应该使用swfobject</a>”这篇文章，写得不错。</p><p><a
href="http://code.google.com/p/swfobject/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/swjobject.jpg" border="0" alt="swfobject" width="480" height="116" /></a></p><p><a
href="http://www.kryogenix.org/code/browser/sorttable/" target="_blank">sorttable</a> and <a
href="http://www.danvk.org/wp/dragtable/" target="_blank">dragtable</a><br
/> 不管你喜不喜欢，表格仍然是展示数据的最佳方式。不过表格还可以更好用： <strong>sorttable</strong> 让表格数据可以排序，升序降序均可。你指向为添加class=”sortable” 属性。你还可以排除某些特定的栏，让他们不自动排序，以及指定升序或者降序哪一个为默认值。<strong>dragtable</strong> 使表格的行列变得可拖动。在网页中插入此库后，同样，给表格添加一个class=”dragtable”即可。如果需要两个功能都用，只需在网页中包含同时两个库，然后添加class=”sortable dragtable” 。</p><p><a
href="http://dillerdesign.com/experiment/DD_roundies/" target="_blank">DD_roundies</a> and <a
href="http://www.dillerdesign.com/experiment/DD_belatedPNG/" target="_blank">DD_belatedPNG</a><br
/> <strong>DD_roundies</strong> 是一个极佳的<strong>不利用图片创建圆角</strong>的JavaScript解决方案。它处理的重点在IE，通过使用VML来解决问题。其他浏览器被忽略，因为他们支持CSS的 border-radius 属性。<span
style="color: #888888;">(译注：Really?)</span></p><p><a
href="http://dillerdesign.com/experiment/DD_roundies/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/javascript-round-corners.jpg" border="0" alt="JavaScript Rounded Corners" width="480" height="116" /></a></p><p><strong>DD_belatedPNG</strong>为臭名昭著的IE6 PNG问题提供了一个可自定义的解决办法。不论PNG图像是用于“src”或是“background-image”中， <strong>DD_belatedPNG</strong> 都能把它解决掉。与其他解决方案不同， “background-position” 和 “background-repeat” 属性也能正常工作！</p><p><span
style="color: #888888;">译注：这个太实用啦！O(∩_∩)O 哈哈~</span></p><p><a
href="http://www.leigeber.com/2008/04/custom-javascript-dialog-boxes/" target="_blank">Custom JavaScript Dialog Boxes</a><br
/> 用于创建<strong>自定义对话框</strong>的轻量级（约 4.5 KB）代码库。四种对话框可用： alerts(出错), warnings(警告), prompts(提示), success(成功)。利用一个简单的函数，你可以自定义对话框的标题，内容和显示时间。</p><p><a
href="http://www.leigeber.com/2008/04/custom-javascript-dialog-boxes/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/custom-dialog-boxes.jpg" border="0" alt="Custom Dialog Boxes" width="480" height="116" /></a></p><p><a
href="http://www.tommysmind.com/gamejs/" target="_blank">GameJS</a><br
/> <strong>GameJS </strong>是一个JavaScript版本的 <a
href="http://www.xna.com/" target="_blank">Microsoft’s XNA 游戏框架</a>， 使用 “画布” 作为渲染机制。JavaScript不是编写游戏的最佳平台。不过如果是那些帧速要求较低的游戏，而你又是一个JavaScript开发者，何乐而不为？ 此库包含一些控制游戏元素、屏幕显示和键盘操作的方便好用的类。</p><p><a
href="http://www.tommysmind.com/gamejs/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/gamejs.jpg" border="0" alt="GameJS" width="480" height="116" /></a></p><p><a
href="http://www.openjs.com/scripts/events/keyboard_shortcuts/" target="_blank">Shortcuts.js</a><br
/> 自从Google Reader和Gmail之后，Web应用里的键盘快捷键变得越来越流行，因为他们大大提升了易用性。<strong>Shorcuts.js</strong>提供更为方便地处理键盘快捷键的函数。 使用该库，创建快捷键，然后在按下键盘的同时就运行函数成为更易实现的可能。</p><p><a
href="http://mapstraction.com/" target="_blank">Mapstraction</a><br
/> 几个不同的地图供应商都提供了各自不同的API。如果你想在供应商之间转换（比如说从Google Map转到MapQuest），则需要重写一些代码。<strong>Mapstraction</strong>就是用来帮你解决这个问题的。它提供一个通用 API ，帮你在大多数流行的地图供应商之间转换。只需更新一行代码，即可转换完毕。</p><p><a
href="http://mapstraction.com/" target="_blank"><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/mapstraction.jpg" border="0" alt="Mapstraction" width="480" height="116" /></a></p><p><a
href="http://amberjack.org/" target="_blank">Amberjack</a><br
/> 一个小巧的JavaScript库，为你的网站添加上漂亮的导游信息。 一旦启用，一个模式化的内容框就能像到导游一样介绍您的站点，框内可以添加任意你想要的内容。导游内容的代码可以手工编写，也可以用<a
href="http://amberjack.org/wizard/" target="_blank">线上工具</a>自动生成。当然，你可以通过编写css或者利用即刻可用的<a
href="http://amberjack.org/skins/" target="_blank">主题</a>来使导游信息符合内容框的样式。</p><p><img
src="http://s27.photobucket.com/albums/c156/jyyjcc/40-js-libraries/amberjack.jpg" border="0" alt="Amberjack" width="480" height="116" /></p><p><a
href="http://jsload.net/" target="_blank">JsLoad</a><br
/> JavaScript库的远程载入API。JsLoad这个简单的API能够让你从Google的服务器上导入大体积JavaScript文件。JsLoad能自动载入任何版本代码库的依赖文件。</p><h4>关于作者</h4><p>Umut Muhaddisoglu是一位网页设计师，同时也是程序员。他维护网站<a
href="http://www.webresourcesdepot.com/" target="_blank">WebResourcesDepot</a>，一个每天提供免费网页设计和开发资源的网志。要联系作者，你可以<a
href="http://twitter.com/umutm" target="_blank">在Twitter上关注他</a>。</p><p><em>(完)</em></p><p
class="entry-title"><span
class="entry-title-link">©原文 </span><a
class="entry-title-link" href="http://www.smashingmagazine.com/2009/03/02/40-stand-alone-javascript-libraries-for-specific-purposes/" target="_blank">40 Useful JavaScript Libraries</a><span
class="entry-source-title-parent"> 来自<a
class="entry-source-title" href="https://www.google.com/reader/view/feed/http%3A%2F%2Frss1.smashingmagazine.com%2Ffeed%2F" target="_blank">Smashing Magazine</a></span> ，作者为 <span
class="entry-author-name">Umut Muhaddisoglu。译者<a
title="笨活儿的部落格" href="http://blog.benhuoer.com/">笨活儿</a>保留译文版权，转载请保留出处和此版权信息。</span><span
class="entry-author-name">欢迎留言指正错误。</span></p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/10-tips-for-jquery-performance.html" rel="bookmark">即刻提升jQuery性能的十个技巧[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/24-javascript-best-practices-for-beginners.html" rel="bookmark">给JavaScript新手的24条实用建议[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/info-files-for-themes.html" rel="bookmark">[Drupal模板制作手册-4]主题的.info文件</a></li><li><a
href="http://blog.benhuoer.com/posts/crucial-concepts-behind-advanced-regular-expressions.html" rel="bookmark">正则表达式高级技巧背后的关键概念[SM]</a></li><li><a
href="http://blog.benhuoer.com/posts/anatomy-of-a-drupal-theme.html" rel="bookmark">[Drupal模板制作手册-2]主题的解剖</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/web-technology/web-apps-development" title="查看 前端开发 中的全部文章" rel="category tag">前端开发</a>        标签: <a
href="http://blog.benhuoer.com/tag/css" rel="tag">CSS</a>, <a
href="http://blog.benhuoer.com/tag/html5" rel="tag">HTML5</a>, <a
href="http://blog.benhuoer.com/tag/javascript" rel="tag">JavaScript</a>, <a
href="http://blog.benhuoer.com/tag/jquery" rel="tag">jQuery</a>, <a
href="http://blog.benhuoer.com/tag/smashing-magazine" rel="tag">Smashing Magazine</a>, <a
href="http://blog.benhuoer.com/tag/web%e6%a0%87%e5%87%86" rel="tag">Web标准</a>, <a
href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90" rel="tag">免费资源</a></div><p><small>©2009 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html#comments" target="_blank">板凳还在</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html&title=40个实用的轻量级JavaScript库[SM]&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html/feed</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>川农同学注意了！海量电影资源来了！</title><link>http://blog.benhuoer.com/posts/ipv6-resources.html</link> <comments>http://blog.benhuoer.com/posts/ipv6-resources.html#comments</comments> <pubDate>Sat, 13 Sep 2008 02:07:54 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[外语笔记]]></category> <category><![CDATA[好康推荐]]></category> <category><![CDATA[ipv6]]></category> <category><![CDATA[免费资源]]></category> <category><![CDATA[川农]]></category> <guid
isPermaLink="false">http://jackoko.cn/?p=202</guid> <description><![CDATA[超级爆炸大新闻，川农开通了ipv6！老子们终于连入教育网了～ 一连就连的cernet-2，不管怎么说，反正现在你有机会享用海量教育网资源了！ 目前ipv6的资源仅仅是教育网众多资源的冰山一角，但绝对够你用了！ 北邮和华农他妈的真有钱啊，ftp的东西真的是超多了&#8230; 接入IPV6的步骤如下： 四川农业大学校园网用户可使用Windows XP (SP1,SP2)或Windows 2003 server，开启命令行窗口（开始&#8211;运行&#8211;输入cmd，回车），输入 ipv6 install (启动IPv6协定) 或者 netsh interface ipv6 install (windows 2003) 再输入 netsh interface ipv6 isatap set router 10.1.251.2 其中10.1.251.2是川农校内ISATAP路由的地址，不要更改。你可以复制上面的粗体部分，在命令行窗口中点右键粘帖。 IPV6网络测试访问地址： http://6rank.edu.cn/ &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;转自网络中心 然后呢，安装好之后怎么用？？ 资源在哪里？？资源在哪里？？ 首先，你需要一个可以打开ipv6地址的客户端。浏览器的话，我试了一下，firefox、IE7和opera都可以打开的。找到你想要的资源，右键“目标另存为”就可以了。IE6没有试过。 支持ipv6的FTP客户端好像有FileZilla和SmartFTP.. 相对完整的可用FTP资源，在这里： 上海交大“渔网”IPv6资源检索系统 如果你是使用的FileZilla（请进入此链接下载官方版本），可以直接下载我整理好的服务器列表：filezilla-ipv6-server-list （请使用右键“目标另存为&#8230;”）。下载后使用菜单栏的 &#8220;文件&#8221;-&#62;&#8221;导入&#8230;&#8221;即可。(请留意各个服务器中的备注信息) 如果你遇上IPV6连接上的问题，请看一看网络中心的IPv6专栏。 UPDATE: 现在可以在川农的IPV6网络里面BT下载了，详见IPv6的BT下载 — 东北大学IPv6 BT下载站使用教程。 你应该也会喜欢： IPv6的BT下载 — 东北大学IPv6 BT下载站使用教程 分类于：外语笔记, 好康推荐   [...]<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/ipv6-bt-download.html" rel="bookmark">IPv6的BT下载 — 东北大学IPv6 BT下载站使用教程</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p>超级爆炸大新闻，川农开通了ipv6！老子们终于连入教育网了～</p><p>一连就连的cernet-2，不管怎么说，反正现在你有机会享用海量教育网资源了！</p><p>目前ipv6的资源仅仅是教育网众多资源的冰山一角，但绝对够你用了！</p><p>北邮和华农他妈的真有钱啊，ftp的东西真的是超多了&#8230;</p><p>接入IPV6的步骤如下：</p><blockquote><p>四川农业大学校园网用户可使用Windows XP (SP1,SP2)或Windows 2003 server，开启命令行窗口（开始&#8211;运行&#8211;输入cmd，回车），输入<br
/> <strong>ipv6 install </strong>(启动IPv6协定)<br
/> 或者<br
/> netsh interface ipv6 install (windows 2003)<br
/> 再输入<br
/> <strong>netsh interface ipv6 isatap set router 10.1.251.2</strong></p><p>其中10.1.251.2是川农校内ISATAP路由的地址，不要更改。你可以复制上面的粗体部分，在命令行窗口中点右键粘帖。</p><p>IPV6网络测试访问地址：</p><p>http://6rank.edu.cn/</p><p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;转自网络中心</p></blockquote><p>然后呢，安装好之后怎么用？？ 资源在哪里？？资源在哪里？？</p><p>首先，你需要一个可以打开ipv6地址的客户端。浏览器的话，我试了一下，firefox、IE7和opera都可以打开的。找到你想要的资源，右键“目标另存为”就可以了。IE6没有试过。</p><p>支持ipv6的FTP客户端好像有FileZilla和SmartFTP..</p><p>相对完整的可用FTP资源，在这里：</p><p><a
href="http://ftpun6.sjtu.edu.cn/index.php">上海交大“渔网”IPv6资源检索系统</a></p><p><strong>如果你是使用的<a
title="FileZilla官网，提供下载" href="http://filezilla-project.org/">FileZilla</a>（请进入此链接下载官方版本），可以直接下载我整理好的服务器列表：<a
href="http://blog.benhuoer.com/wp-content/uploads/2008/09/filezilla-ipv6-server-list.xml">filezilla-ipv6-server-list</a> （请使用右键“目标另存为&#8230;”）。下载后使用菜单栏的 &#8220;文件&#8221;-&gt;&#8221;导入&#8230;&#8221;即可。(请留意各个服务器中的备注信息)</strong></p><p>如果你遇上IPV6连接上的问题，请看一看网络中心的<a
href="http://nic.sicau.edu.cn/html/lists/22.htm">IPv6专栏</a>。</p><p>UPDATE: 现在可以在川农的IPV6网络里面BT下载了，详见<a
href="http://blog.benhuoer.com/2008/12/ipv6-bt-download/" target="_self">IPv6的BT下载 — 东北大学IPv6 BT下载站使用教程</a>。</p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/ipv6-bt-download.html" rel="bookmark">IPv6的BT下载 — 东北大学IPv6 BT下载站使用教程</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/foreign-language-learning" title="查看 外语笔记 中的全部文章" rel="category tag">外语笔记</a>, <a
href="http://blog.benhuoer.com/category/freebies" title="查看 好康推荐 中的全部文章" rel="category tag">好康推荐</a>        标签: <a
href="http://blog.benhuoer.com/tag/ipv6" rel="tag">ipv6</a>, <a
href="http://blog.benhuoer.com/tag/%e5%85%8d%e8%b4%b9%e8%b5%84%e6%ba%90" rel="tag">免费资源</a>, <a
href="http://blog.benhuoer.com/tag/%e5%b7%9d%e5%86%9c" rel="tag">川农</a></div><p><small>©2008 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/ipv6-resources.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/ipv6-resources.html#comments" target="_blank">等你来抢沙发呢</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/ipv6-resources.html&title=川农同学注意了！海量电影资源来了！&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/ipv6-resources.html/feed</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
