<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_楚广明的博客</title><subtitle type="text">教育不是灌溉，是点燃火焰</subtitle><id>http://feed.cnblogs.com/blog/u/23485/rss</id><updated>2012-02-12T06:58:33Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><generator>CNBlogs BlogServer</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/23485/rss"/><entry><id>http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347973.html</id><title type="text">多台Mac电脑使用同一个apple开发者账号测试</title><summary type="text">我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试，因此我今天的任务就是在已有开发者账号、证书的基础上给自己电脑装上。 今天给自己的macbook装上了公司的apple开发者账号，以前总是用我的机器写代码但因为没有开发者账号不能给真机装也不能在真机上测试，想测试还需要把代码转移到其他机器上，很不方便，刚在网上找到一些方法装上了账号。感觉这个问题还是很普遍的，而且今天就为装这个也费了不少功夫有很多方法都没走成，因此把它总结出来，方便更多人能很快装上~ 我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试..</summary><published>2012-02-12T06:59:00Z</published><updated>2012-02-12T06:59:00Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><link rel="alternate" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347973.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347973.html"/><content type="html">&lt;p&gt;我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试，因此我今天的任务就是在已有开发者账号、证书的基础上给自己电脑装上。&lt;/p&gt;&#xD;
&lt;div id="artibody"&gt;&#xD;
&lt;div id="content" &gt;&#xD;
&lt;div &gt;&amp;nbsp;&lt;/div&gt;&#xD;
&lt;p&gt;今天给自己的macbook装上了公司的apple开发者账号，以前总是用我的机器写代码但因为没有开发者账号不能给真机装也不能在真机上测试，想测试还需要把代码转移到其他机器上，很不方便，刚在网上找到一些方法装上了账号。感觉这个问题还是很普遍的，而且今天就为装这个也费了不少功夫有很多方法都没走成，因此把它总结出来，方便更多人能很快装上~&lt;/p&gt;&#xD;
&lt;p&gt;我的情况是这样的，公司有一个开发者账号，我个人的机器上没有装开发者证书，写的程序无法在真机上测试，因此我今天的任务就是在已有开发者账号、证书的基础上给自己电脑装上。&lt;/p&gt;&#xD;
&lt;p&gt;我之前是用账号登陆apple developer网站，从网站上下载了公共证书，但最后实验成功的那个帖子上没有以前做的那些步骤，他是直接从已安装好的机器上导出私有密钥的，具体方法如下：&lt;/p&gt;&#xD;
&lt;p&gt;首先就是按照下面说的：&lt;/p&gt;&#xD;
&lt;p&gt;When you request a certificate from the iPhone Provisioning Portal, a public/private key pair is generated. The public key is included in your certificate. The private key is stored in your keychain. With these items, Xcode code-signs the applications you build with it. If you need to use another computer to develop iOS applications, you must transfer these digital-identification items to the other computer. You can do this in the Xcode Organizer.&lt;/p&gt;&#xD;
&lt;p&gt;To export your digital-identification items to a secure file, follow these steps:&lt;/p&gt;&#xD;
&lt;p&gt;Open the Xcode Organizer.&lt;/p&gt;&#xD;
&lt;p&gt;In the IPHONE DEVELOPMENT group, select Developer Profile.&lt;/p&gt;&#xD;
&lt;p&gt;Click Export Developer Profile.&lt;/p&gt;&#xD;
&lt;p&gt;Name the file, select a location for it, enter a password to secure the file, and click Save.&lt;/p&gt;&#xD;
&lt;p&gt;Now, when you need to develop iOS applications on another computer, import your digital-identification items into it by performing these steps:&lt;/p&gt;&#xD;
&lt;p&gt;Copy the developer-profile archive to the second computer.&lt;/p&gt;&#xD;
&lt;p&gt;On the second computer, launch Xcode.&lt;/p&gt;&#xD;
&lt;p&gt;Open the Organizer.&lt;/p&gt;&#xD;
&lt;p&gt;In the IPHONE DEVELOPMENT group, select Developer Profile.&lt;/p&gt;&#xD;
&lt;p&gt;Click Import Developer Profile.&lt;/p&gt;&#xD;
&lt;p&gt;Locate the archive, enter the password used to secure it, and click Open.&lt;/p&gt;&#xD;
&lt;p&gt;关键的一点就是不是直接从keychain里导出.cer文件，而是利用Xcode的organizer的IPHONE DEVELOPMENT ---》Developer Profile里自带的Export和Import操作&lt;/p&gt;&#xD;
&lt;p&gt;上述方法解决了一个很关键的问题：私有密钥安装问题，如果还有什么证书没装的可以参考下文共装4个文件即可&lt;/p&gt;&#xD;
&lt;/div&gt;&#xD;
&lt;/div&gt;&lt;img src="http://www.cnblogs.com/chu888chu888/aggbug/2347973.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347973.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347969.html</id><title type="text">iphone开发者证书装多台电脑的方法</title><summary type="text">保存你的私钥，转移到其它系统将你的私钥安全的保存，如果你需要在多台电脑上开发或者重装你的操作系统的。如果没有私钥，那么将无法再Xcode签名或者在apple设备上测试应用。当一个CSR被生成，Keychain Access应用在你的登录keychain里面生成一个私钥，这个私钥是和你的用户账户关联的，如果在系统重装的时候是无法重新生成的。如果你希望在多个系统上做开发或者测试，那么你需要在所有你工作的系统之上导入你的私钥。1、 导出私钥和数字证书是为安全保存和能够在多台电脑上进行工作。打开Keychain Access应用选择’KEY’分类。2、 右键点击和你iphone开发证书关联的私钥，并在</summary><published>2012-02-12T06:56:00Z</published><updated>2012-02-12T06:56:00Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><link rel="alternate" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347969.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347969.html"/><content type="html">&lt;p&gt;保存你的私钥，转移到其它系统&lt;/p&gt;&#xD;
&lt;p&gt;将你的私钥安全的保存，如果你需要在多台电脑上开发或者重装你的操作系统的。如果没有私钥，那么将无法再Xcode签名或者在apple设备上测试应用。当一个CSR被生成，Keychain Access应用在你的登录keychain里面生成一个私钥，这个私钥是和你的用户账户关联的，如果在系统重装的时候是无法重新生成的。如果你希望在多个系统上做开发或者测试，那么你需要在所有你工作的系统之上导入你的私钥。&lt;/p&gt;&#xD;
&lt;p&gt;1、 导出私钥和数字证书是为安全保存和能够在多台电脑上进行工作。打开Keychain Access应用选择&amp;rsquo;KEY&amp;rsquo;分类。&lt;/p&gt;&#xD;
&lt;p&gt;2、 右键点击和你iphone开发证书关联的私钥，并在弹出菜单中选择导出选项。&lt;/p&gt;&#xD;
&lt;p&gt;3、 使用(.p12)保存包含了你个人信息的钥匙。&lt;/p&gt;&#xD;
&lt;p&gt;4、 你将会被提示创建一个密码。&lt;/p&gt;&#xD;
&lt;p&gt;现在可以通过.p12文件在不同系统之间传输。双击.p12在其他系统上进行安装。输入你在step4输入的密码。&lt;/p&gt;&lt;img src="http://www.cnblogs.com/chu888chu888/aggbug/2347969.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/chu888chu888/archive/2012/02/12/2347969.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/chu888chu888/archive/2012/02/11/2346436.html</id><title type="text">15 个微型的 JavaScript 框架</title><summary type="text">问一个 Web 开发者最喜欢的 JS 库是什么，多数回答都是 jQuery，不管他所作的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度、而且 jQuery 经过良好的测试，大量的用户以及很好的社区生态以及大量的插件。不过 jQuery 的体积比较大，本文即将介绍的是 15 个微型的 JavaScript 小框架，这些框架都支持 Web 和智能手机平台，短小精干。Zepto.jsZepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。Data.jsData.js 是一</summary><published>2012-02-11T04:41:00Z</published><updated>2012-02-11T04:41:00Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><link rel="alternate" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/11/2346436.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/11/2346436.html"/><content type="html">&lt;p&gt;问一个 Web 开发者最喜欢的 JS 库是什么，多数回答都是 jQuery，不管他所作的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度、而且 jQuery 经过良好的测试，大量的用户以及很好的社区生态以及大量的插件。&lt;/p&gt;&#xD;
&lt;p&gt;不过 jQuery 的体积比较大，本文即将介绍的是 15 个微型的 JavaScript 小框架，这些框架都支持 Web 和智能手机平台，短小精干。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/zeptojs" rel="nofollow" target="_blank"&gt;Zepto.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11091957_HBnq.jpg" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Zepto.js 是支持移动WebKit浏览器的JavaScript框架，具有与jQuery兼容的语法。2-5k的库，通过不错的API处理绝大多数的基本工作。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/data-js" rel="nofollow" target="_blank"&gt;Data.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://substance.io/michael/data-js" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11091957_cUKM.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Data.js 是一个数据操作和持久化的 JS 库，支持&amp;nbsp;&lt;a href="http://www.oschina.net/p/nodejs"&gt;Node.js&lt;/a&gt;&amp;nbsp;和浏览器。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="http://batmanjs.org/" rel="nofollow" target="_blank"&gt;Batman.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://batmanjs.org/" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11091958_1kz9.jpg" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Batman.js 是一个使用&amp;nbsp;&lt;a href="http://www.oschina.net/p/coffeescript" target="_blank"&gt;CoffeeScript&lt;/a&gt;&amp;nbsp;和 JavaScript 构建 Web 应用的 JS 框架，提供强大的视图绑定和观察者属性。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/zip-js" rel="nofollow" target="_blank"&gt;Zip.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Zip.js 是用 JavaScript 实现的 zip 压缩和解压缩工具包。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;img src="http://static.oschina.net/uploads/space/2012/0130/230408_LO3s_12.jpg" alt="" /&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/sayjs" rel="nofollow" target="_blank"&gt;Say.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11091959_0q7A.png" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Say.js 是一个 Javascript 的 text to speech 引擎，支持&amp;nbsp;&lt;a href="http://www.oschina.net/p/nodejs"&gt;Node.js&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="http://evanw.github.com/glfx.js/" rel="nofollow" target="_blank"&gt;Gifx.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092000_V5r7.jpg" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;glfx.js 是一个使用 WebGL 创建实时图片效果的 JS 库&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/impress-js" rel="nofollow" target="_blank"&gt;Impress.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092001_4F3k.jpg" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;impress.js 是一个Javascript程序包，它的功能是让你制作出令人眩目的内容展示效果，主要里利用了CSS 3D Transforms 里的旋转，扭曲，缩放等特性，所以，只有最新版的Firefox，或谷歌浏览器或苹果浏览器才能看到它产生的效果，好像在还未出世的IE 10 浏览器里也可以用。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="http://sugarjs.com/" rel="nofollow" target="_blank"&gt;Sugar.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092001_fMIK.png" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Sugar 为内置对象扩展了一些有用的、直观的方法&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/jsmessage" rel="nofollow" target="_blank"&gt;jsMessage&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092002_uDhN.jpg" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;js Message 是一个轻量级的 JavaScript 类库，经 gzip 压缩后仅有3kb大小，且不依赖于其他任何框架。它除了能实现信息提示效果外，还支持创建 alert、confirmed 等弹出窗口。它的定制性也比较高，通过参数可设置信息提示的位置、显示时效等，信息提示的外观也能完全自定义。对浏览器的兼容性也比较高，除了IE6之外 的大多数浏览器都支持。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/spine" rel="nofollow" target="_blank"&gt;Spine&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://spinejs.com/mobile" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092003_MY6Q.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;Spine 是一个用于构建 JavaScript Web 应用的轻量级框架。&lt;/strong&gt;Spine 可让你使用 MVC 的框架思路来开发Web应用。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/countdown-js" rel="nofollow" target="_blank"&gt;Countdown.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://countdownjs.org/" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092003_JflH.jpg" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Countdown.js 是一个比较轻量级的 JavaScript 类库，可用于快速计算两个日期间的时间差值，并能够以多种格式将结果动态显示出来，如：毫秒、秒、分、小时、天、周、年、世纪等。同时它也内置了格式化输 出的方法，能将结果以这样的形式展示："11 years, 3 months, 23 days, 5 hours, and 47 minutes"。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="http://swipejs.com/" rel="nofollow" target="_blank"&gt;Swipe.js&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;span &gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092004_csrR.jpg" alt="" /&gt;&lt;/span&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Swipe JS 是一个轻量级的移动滑块，支持触摸操作&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.oschina.net/p/jwerty" rel="nofollow" target="_blank"&gt;jwerty&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://keithcirkel.co.uk/jwerty/" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092004_6raP.jpg" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;jwerty 是一个简单易用的轻量级 JavaScript 类库，经压缩后仅有1.5kb大小。这是一个独立的类库，不依赖于其它任何框架，只需简单的几句代码就能任意设置各种快捷键，并触发相应的事件。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="https://github.com/dantebronto/picard" rel="nofollow" target="_blank"&gt;Picard&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="https://github.com/dantebronto/picard" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092004_GsqX.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;一个微型的&amp;nbsp;&lt;a href="http://www.oschina.net/p/nodejs"&gt;Node.js&lt;/a&gt;&amp;nbsp;框架&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a  href="http://microjs.com/" rel="nofollow" target="_blank"&gt;Microjs&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a  href="http://microjs.com/" rel="nofollow" target="_blank"&gt;&lt;img src="http://static.oschina.net/uploads/img/201202/11092005_MDW0.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;这里收集了更多的小型 JS 框架。&lt;/p&gt;&lt;img src="http://www.cnblogs.com/chu888chu888/aggbug/2346436.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/chu888chu888/archive/2012/02/11/2346436.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346065.html</id><title type="text">8个神奇的网页动态流体布局及其做法揭秘</title><summary type="text">最近，有一种新的网页布局 ——动态流体布局，很让我感到兴趣。因为用这个我就可以实现类似于WIN8触屏界面的网页设计啦！它巧妙地重排元素，并填补了网页的所有空间，而在每个浏览器上显示效果都十分出色，而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果.这样的网站我找到了8个，他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。展示GimmeBarMKSDArchitects(这个特别像metro UI)MarkenFilmCascadeBreweryCoPixillionSwinton（这个更像win8的触屏界面）Pinterest怎么实现好了，</summary><published>2012-02-10T12:09:00Z</published><updated>2012-02-10T12:09:00Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><link rel="alternate" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346065.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346065.html"/><content type="html">&lt;p&gt;最近，有一种新的网页布局 &amp;mdash;&amp;mdash;动态流体布局，很让我感到兴趣。因为用这个我就可以实现类似于WIN8触屏界面的网页设计啦！它巧妙地重排元素，并填补了网页的所有空间，而在每个浏览器上显示效果都十分出色，而且通常配以流畅的动画效果。其中有些甚至针对不同类别有不同效果.这样的网站我找到了8个，他们都有相同的特征。在文章末尾列举了3个JQuery插件, 可以很方便的帮助你达到这些效果。&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;展示&lt;/strong&gt;&amp;nbsp;Gimme&amp;nbsp;Bar&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="https://gimmebar.com/loves/cameron"&gt;&lt;img  title=" Gimme Bar" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095900q2R.jpg" alt="" width="580" height="322" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;MKSD&amp;nbsp;Architects&amp;nbsp;&amp;nbsp;(这个特别像metro UI)&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.mksdarchitects.com/?cbg_tz=-600"&gt;&lt;img  title="MKSD Architects  (这个特别像metro UI)" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095901H9U.jpg" alt="" width="580" height="322" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;Marken&amp;nbsp;Film&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://markenfilm.com/en/news.html"&gt;&lt;img  title="Marken Film" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095903ojw1.jpg" alt="" width="580" height="320" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Cascade&amp;nbsp;Brewery&amp;nbsp;Co&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.cascadebreweryco.com.au/"&gt;&lt;img  title="Cascade Brewery Co" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095905T8z.jpg" alt="" width="580" height="320" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;Pixillion&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.pixillion.com/"&gt;&lt;img  title="Pixillion" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095906UdP.jpg" alt="" width="580" height="320" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;Swinton&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.swinton.me/"&gt;&lt;img  title="Swinton" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095907mit.jpg" alt="" width="580" height="295" /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;（这个更像win8的触屏界面）&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://www.dynamit.us/"&gt;&lt;img  title="Dynamit   （这个更像win8的触屏界面）" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095909PBH.jpg" alt="" width="580" height="288" /&gt;&lt;/a&gt;&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;Pinterest&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://pinterest.com/"&gt;&lt;img  title="Pinterest" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095910HdO.jpg" alt="" width="580" height="295" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;怎么实现&lt;/strong&gt;&amp;nbsp;好了，也许你已经迫不及待想知道怎么实现了。多亏了这三个插件，一切垂手可得。 jQuery&amp;nbsp;Masonry&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://masonry.desandro.com/?resources/jquery-masonry"&gt;&lt;img  title="jQuery Masonry" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095911spS.jpg" alt="" width="580" height="300" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;一个JQuery动态布局插件,CSS侧边浮动。 Isotope&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://isotope.metafizzy.co/"&gt;&lt;img  title="Isotope" src="http://blog.enqoo.com/wp-content/uploads/2011/11/0959126vf.jpg" alt="" width="580" height="300" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;一个可以神奇布局的JQuery精美插件。 QuickSand&amp;nbsp;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a href="http://razorjack.net/quicksand/"&gt;&lt;img  title="QuickSand" src="http://blog.enqoo.com/wp-content/uploads/2011/11/095913ZkM.jpg" alt="" width="580" height="291" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;可以重排和过滤，带有滑动动画效果。&lt;/p&gt;&lt;img src="http://www.cnblogs.com/chu888chu888/aggbug/2346065.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346065.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346062.html</id><title type="text">缩略图在网页设计中应用的35个优秀案例</title><summary type="text">这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例，希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品。Shropshire ScreenArnaud BeelenTwo Fish Illustration &amp;amp; DesigntwotoKokokakaBrave Nu DigitalF O U N D E DIdea Exhibitastronaut designMarc KremersPurposeTastespottingAmateRejane Dal BelloJames De AngelisHarpoonBaubauhausViktoria KleinUnifor</summary><published>2012-02-10T12:08:00Z</published><updated>2012-02-10T12:08:00Z</updated><author><name>楚广明</name><uri>http://www.cnblogs.com/chu888chu888/</uri></author><link rel="alternate" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346062.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346062.html"/><content type="html">&lt;p&gt;这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例，希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品。&lt;/p&gt;&#xD;
&lt;div &gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://shropshirescreen.co.uk/" target="_blank"&gt;Shropshire Screen&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-28_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.arnaudbeelen.be/" target="_blank"&gt;Arnaud Beelen&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-1_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="321" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://twofishillustration.com/" target="_blank"&gt;Two Fish Illustration &amp;amp; Design&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-2_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="321" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.twoto.com/" target="_blank"&gt;twoto&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-3_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="321" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.kokokaka.com/" target="_blank"&gt;Kokokaka&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-4_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="317" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://bravenudigital.com/" target="_blank"&gt;Brave Nu Digital&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-5_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="320" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://wearefounded.com/" target="_blank"&gt;F O U N D E D&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-6_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="318" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://ideaexhibit.com/" target="_blank"&gt;Idea Exhibit&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-7_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="315" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://astronautdesign.com/" target="_blank"&gt;astronaut design&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-8_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="323" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://marckremers.com/" target="_blank"&gt;Marc Kremers&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-9_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="317" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.purpose.co.uk/" target="_blank"&gt;Purpose&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-10_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="323" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.tastespotting.com/" target="_blank"&gt;Tastespotting&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-27_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://amateo.eu/" target="_blank"&gt;Amate&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-26_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="292" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://rejanedalbello.com/" target="_blank"&gt;Rejane Dal Bello&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-11_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="319" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.jamesdeangelis.com/" target="_blank"&gt;James De Angelis&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-12_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="319" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://harpoonpictures.com/#/index" target="_blank"&gt;Harpoon&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-13_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="308" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.baubauhaus.com/" target="_blank"&gt;Baubauhaus&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-14_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="316" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.viktoriaklein.de/" target="_blank"&gt;Viktoria Klein&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-15_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="322" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.uniform.net/" target="_blank"&gt;Uniform&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-16_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="328" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.typetoken.net/" target="_blank"&gt;typetoken&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-17_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="317" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://blank.com.pt/" target="_blank"&gt;Blank&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-18_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="318" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.craigandkarl.com/" target="_blank"&gt;Craig and Karl&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-19_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="314" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://franklingaw.com/" target="_blank"&gt;Franklin Gaw&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-20_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="321" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.komplex457.ch/" target="_blank"&gt;Komplex 457&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-21_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="316" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://dustandmold.net/" target="_blank"&gt;Dust + Mold&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-22_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="323" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://danielmall.com/" target="_blank"&gt;Dan Mall&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-23_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="321" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://sisumedia.com/" target="_blank"&gt;Sisu&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-24_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="323" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://adamstoddard.com/" target="_blank"&gt;Adam&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-25_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="320" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://marckremers.com/" target="_blank"&gt;Marc Kremers&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-29_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://airwalk.com/" target="_blank"&gt;Airwalk&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-30_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.viktoriaklein.de/" target="_blank"&gt;Victoria Klein&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-31_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.major-tom.tv/" target="_blank"&gt;Major Tom&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-32_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.blinkart.co.uk/" target="_blank"&gt;Blinkart&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-35_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.thesparrowsongs.com/" target="_blank"&gt;Sparrow Songs&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-34_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.pentagram.com/" target="_blank"&gt;Pentagram&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&#xD;
&lt;p&gt;&lt;a&gt;&lt;img src="http://smashinghub.com/wp-content/uploads/2011/07/web-design-thumbnail-33_thumb.jpg" alt="缩略图在网页设计中应用的35个创意案例" width="544" height="312" border="0" /&gt;&lt;/a&gt;&lt;/p&gt;&#xD;
&lt;/div&gt;&lt;img src="http://www.cnblogs.com/chu888chu888/aggbug/2346062.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/chu888chu888/archive/2012/02/10/2346062.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry></feed>
