<?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; prototype</title>
	<atom:link href="http://blog.istef.info/tag/prototype/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.istef.info</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 06 Jun 2010 05:52:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<atom:link rel='hub' href='http://blog.istef.info/?pushpress=hub'/>
		<item>
		<title>qGallery &#8211; 非常酷的 Javascript 画廊</title>
		<link>http://blog.istef.info/2008/04/04/qgallery/</link>
		<comments>http://blog.istef.info/2008/04/04/qgallery/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 16:06:00 +0000</pubDate>
		<dc:creator>iStef</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[qGallery]]></category>

		<guid isPermaLink="false">http://blog.istef.info/2008/04/04/qgallery/</guid>
		<description><![CDATA[qGallery 是一个 Javascript 写成的画廊程序 (Gallery)，利用了 Prototype JS 库，效果非常非常的酷，而且功能非常强大。 我本人一直比较痴迷于这些 Javascript 实现的特效（当然这其中有我不怎么会 Flash 的缘故），平时也很喜欢收集这些脚本，留着以后使用或是研究。qGallery 是最新看到的一个，看了一眼就很喜欢。它不同于以前推荐的那些 JS 图片展示脚本。qGallery 自身有非常强大的相册管理功能，相册的展示方式非常别致。进入相册后看完整的照片，那效果就更酷了，甚至可以选择类似 CoverFlow 的效果。 从作者的页面上我们可以了解，qGallery 的使用也是非常简单。一个 DIV，几行代码和一个 XML 就能搞定。想做在线相册的朋友可要盯紧这个好东东了。 虽然作者还没有发布，但我还是通过查看源码的方式窥探了一下 qGallery。qGallery 使用了强大的 Javascript 库 Prototype。发现最近见到的几款酷得不行的 JS 代码都是用 Prototype，而不是我钟爱的 jQuery，难道逼我回归 Prototype ？ qGallery 还没有发布，不过在作者网页看这个完成度，估计离发布也不远了。最近要紧盯这个网站，千万别错过这个好东东。]]></description>
			<content:encoded><![CDATA[<p><a href="http://qgallery.quadrifolia.de/">qGallery</a> 是一个 Javascript 写成的画廊程序 (Gallery)，利用了 Prototype JS 库，效果非常非常的酷，而且功能非常强大。</p>
<p><img height="229" alt="qGallery" src="http://blog.istef.info/wp-content/uploads/2008/04/qgallery.jpg" width="449" border="0"> </p>
<p>我本人一直比较痴迷于这些 Javascript 实现的特效（当然这其中有我不怎么会 Flash 的缘故），平时也很喜欢收集这些脚本，留着以后使用或是研究。qGallery 是最新看到的一个，看了一眼就很喜欢。它不同于以前推荐的那些 JS 图片展示脚本。qGallery 自身有非常强大的相册管理功能，相册的展示方式非常别致。进入相册后看完整的照片，那效果就更酷了，甚至可以选择类似 CoverFlow 的效果。</p>
<p>从作者的页面上我们可以了解，qGallery 的使用也是非常简单。一个 DIV，几行代码和一个 XML 就能搞定。想做在线相册的朋友可要盯紧这个好东东了。</p>
<p>虽然作者还没有发布，但我还是通过查看源码的方式窥探了一下 qGallery。qGallery 使用了强大的 Javascript 库 Prototype。发现最近见到的<a href="http://blog.istef.info/2008/02/29/lightview2/">几款酷得不行的 JS 代码</a>都是用 Prototype，而不是我钟爱的 jQuery，难道逼我回归 Prototype ？</p>
<p>qGallery 还没有发布，不过在作者网页看这个完成度，估计离发布也不远了。最近要紧盯这个网站，千万别错过这个好东东。</p>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.istef.info%2F2008%2F04%2F04%2Fqgallery%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.istef.info%2F2008%2F04%2F04%2Fqgallery%2F&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.istef.info/2008/04/04/qgallery/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>ProtoFlow &#8211; Javascript 实现的 CoverFlow 特效</title>
		<link>http://blog.istef.info/2008/03/15/protoflow/</link>
		<comments>http://blog.istef.info/2008/03/15/protoflow/#comments</comments>
		<pubDate>Sat, 15 Mar 2008 15:11:44 +0000</pubDate>
		<dc:creator>iStef</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[coverflow]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://blog.istef.info/2008/03/15/protoflow/</guid>
		<description><![CDATA[用过 iTunes、iPod Nano 2/iPod Classic 或是 iPod Touch/iPhone 的朋友，都会对苹果切换唱片那个 CoverFlow 效果印象深刻。确实，这个展示方式不仅酷，而且很好的利用了有限的空间展示出更多内容。 对于网页设置中，早已经有用 Flash 实现的 CoverFlow 效果。今天介绍这个是一个纯用 Javascript 写成的 CoverFlow，名为 ProtoFlow。效果非常的不错，而且全部由 Javascript 写成（包括动画效果和图片倒影），很适合我这种不喜欢（或者说不会 -_-b）Flash 的人。 ProtoFlow 使用的是 Prototype 和 Scriptaculous 这对 Javascript 特效黄金组合，图片倒影使用的是 reflection.js。话说 Prototype+Scriptaculous 确实在实现绚丽效果方面颇有天赋，像 Lightbox 等等都离不开这俩库。只可惜我是个 jQuery Fans，估计真要是用的话，还是得用 jQuery 重写一下。 演示和官网都在这里，喜欢的自取。如果您用到您的作品中发现效果不错的话，别忘了留言让我去欣赏一下哦。]]></description>
			<content:encoded><![CDATA[<p>用过 iTunes、iPod Nano 2/iPod Classic 或是 iPod Touch/iPhone 的朋友，都会对苹果切换唱片那个 CoverFlow 效果印象深刻。确实，这个展示方式不仅酷，而且很好的利用了有限的空间展示出更多内容。</p>
<p>对于网页设置中，早已经有用 Flash 实现的 CoverFlow 效果。今天介绍这个是一个纯用 Javascript 写成的 CoverFlow，名为 ProtoFlow。效果非常的不错，而且全部由 Javascript 写成（包括动画效果和图片倒影），很适合我这种不喜欢（或者说不会 -_-b）Flash 的人。</p>
<p><img height="210" alt="protoflow" src="http://blog.istef.info/wp-content/uploads/2008/03/protoflow.jpg" width="429" border="0"> </p>
<p>ProtoFlow 使用的是 Prototype 和 Scriptaculous 这对 Javascript 特效黄金组合，图片倒影使用的是 reflection.js。话说 Prototype+Scriptaculous 确实在实现绚丽效果方面颇有天赋，像 Lightbox 等等都离不开这俩库。只可惜我是个 jQuery Fans，估计真要是用的话，还是得用 jQuery 重写一下。</p>
<p><a href="http://www.deensoft.com/lab/protoflow/">演示和官网都在这里</a>，喜欢的自取。如果您用到您的作品中发现效果不错的话，别忘了留言让我去欣赏一下哦。</p>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.istef.info%2F2008%2F03%2F15%2Fprotoflow%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.istef.info%2F2008%2F03%2F15%2Fprotoflow%2F&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.istef.info/2008/03/15/protoflow/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Lightview 2 &#8211; 很酷的 JS 展示效果</title>
		<link>http://blog.istef.info/2008/02/29/lightview2/</link>
		<comments>http://blog.istef.info/2008/02/29/lightview2/#comments</comments>
		<pubDate>Thu, 28 Feb 2008 16:17:55 +0000</pubDate>
		<dc:creator>iStef</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://blog.istef.info/2008/02/29/lightview2/</guid>
		<description><![CDATA[如今的网站，想要抓住访客的眼球，仅仅内容优秀已经不够了。对于一个成功的网站来说，良好的 UI 同样是非常重要的环节。随着像 Firefox 3、Opera 9.5 这样强悍的浏览器的来临，Javascript 的执行效率大大提升，实现绚丽的网页特效也不再是 Flash 的专利了。 Lightview 2 就是这样一个 Javascript 程序，可以让用户很轻松的实现非常酷的展示效果。Lightview 2 的效果类似与我们熟悉的 Lightbox，但 Lightview 更为强大。关于 Lightview 到底能实现什么效果，用语言形容似乎总是不太准确，您可以先到这里去看看演示。 Lightview 可以展示的内容不仅仅局限于图片和相册，文字、网页、通过 Ajax 调用的内容甚至 Quicktime/Flash 影片都可以用非常酷的效果呈现。这一点对于 Web 设计者来说是非常有用的。借助这个特性，Lightview 不仅仅可以作为图片/相片的一种呈现方式，还可以作为交互对话框来使用，绚丽的效果详细一定会令你的网站加分不少。 Lightview 2 非常容易集成和使用，在页面的 &#60;head&#62; 中载入必要的文件后，仅需在需要激活 Lightview 的链接上加入 class=&#8221;lightview&#8221; 即可。相信即使是不太懂 HTML / Javascript 的朋友也可以轻松使用它。 Lightview 2 使用 Prototype 和 Scriptaculous 实现特效。但由于我更喜欢短小的 jQuery，否则的话早就将 Lightview 集成到新的模板中了。如果您的站点使用的是 Prototype [...]]]></description>
			<content:encoded><![CDATA[<p>如今的网站，想要抓住访客的眼球，仅仅内容优秀已经不够了。对于一个成功的网站来说，良好的 UI 同样是非常重要的环节。随着像 Firefox 3、Opera 9.5 这样强悍的浏览器的来临，Javascript 的执行效率大大提升，实现绚丽的网页特效也不再是 Flash 的专利了。</p>
<p><a href="http://www.nickstakenburg.com/projects/lightview/">Lightview 2</a> 就是这样一个 Javascript 程序，可以让用户很轻松的实现非常酷的展示效果。Lightview 2 的效果类似与我们熟悉的 Lightbox，但 Lightview 更为强大。关于 Lightview 到底能实现什么效果，用语言形容似乎总是不太准确，您可以先到<a href="http://www.nickstakenburg.com/projects/lightview/">这里</a>去看看演示。</p>
<p><img height="139" alt="lightview-2" src="http://blog.istef.info/wp-content/uploads/2008/02/lightview-2.jpg" width="369" border="0"> </p>
<p>Lightview 可以展示的内容不仅仅局限于图片和相册，文字、网页、通过 Ajax 调用的内容甚至 Quicktime/Flash 影片都可以用非常酷的效果呈现。这一点对于 Web 设计者来说是非常有用的。借助这个特性，Lightview 不仅仅可以作为图片/相片的一种呈现方式，还可以作为交互对话框来使用，绚丽的效果详细一定会令你的网站加分不少。</p>
<p>Lightview 2 非常容易集成和使用，在页面的 &lt;head&gt; 中<a href="http://www.nickstakenburg.com/projects/lightview/#installation">载入必要的文件</a>后，仅需在需要激活 Lightview 的链接上加入 class=&#8221;lightview&#8221; 即可。相信即使是不太懂 HTML / Javascript 的朋友也可以轻松使用它。</p>
<p>Lightview 2 使用 <a href="http://www.prototypejs.org">Prototype</a> 和 <a href="http://script.aculo.us">Scriptaculous</a> 实现特效。但由于我更喜欢短小的 jQuery，否则的话早就将 Lightview 集成到新的模板中了。如果您的站点使用的是 Prototype 框架，可以考虑尝试一下 Lightview，肯定会给您的访客带来全新的体验。</p>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.istef.info%2F2008%2F02%2F29%2Flightview2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.istef.info%2F2008%2F02%2F29%2Flightview2%2F&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.istef.info/2008/02/29/lightview2/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached
Page Caching using memcached
Database Caching 1/17 queries in 0.013 seconds using memcached
Object Caching 557/591 objects using memcached

Served from: blog.istef.info @ 2012-02-13 20:15:03 -->
