<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.feedsky.com/styles/temp01.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" version="2.0"><channel><atom:link href="http://feed.feedsky.com/GBin1" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/GBin1" type="application/rss+xml"></fs:self_link><lastBuildDate>Wed, 16 May 2012 06:19:56 GMT</lastBuildDate><title>GBin1 - 中文互联</title><description>分享HTML, CSS, Javascript, JQuery, Web设计, 前端开发,  互联网技术及其热点</description><link>http://www.gbin1.com</link><item><title>了解javascript编程中的Prototype(原型)</title><link>http://www.gbin1.com/technology/javascript/20120516prototypes-in-javascript/</link><description>当你定义javascript方法的时候，会产生一些预定义的属性，其中一个比较让人迷惑的属性就是prototype。在本文中，我们将详细介绍什么是Prototype，并且为什么使用prototype。  什么是prototype?  prototype属性初始时是一个空的对象，可以添加对象 ，你可以添加任何对象到它里面去。  var myObject = function(name){ &amp;#160; &amp;#160; this.name = name; &amp;#160; &amp;#160; return this; }; console.log(typeof myObject.prototype); // object myObject.prototype.getName = function(){ &amp;#160; &amp;#160; return this.name; };  在以上这段代码中 ...&lt;img src=&quot;http://www1.feedsky.com/t1/639281290/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/javascript/20120516prototypes-in-javascript/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Wed, 16 May 2012 14:19:56 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/javascript/20120516prototypes-in-javascript/</guid><fs:srclink>http://www.gbin1.com/technology/javascript/20120516prototypes-in-javascript/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/639281290/6922785</fs:itemid></item><item><title>图标设计：教你如何有效地使用5个步骤设计漂亮图标</title><link>http://www.gbin1.com/tools/icon/20120516icon-design-5-steps/</link><description>在今天这篇文章中，我们推荐来自adbuzeedo的这篇图标设计文章。在这篇文章中，作者使用5个步骤来设计超酷的图片，希望大家喜欢！  对于Icon设计来说，它要求很多设计技巧。设计者需要使用一个简单的符号在UI界面中展示行为，产品或者服务 。这里我们将展示一个设计图标的流程，并且提供我们免费给大家带来的图标设计。  步骤1：头脑风暴(brainstorming)  首先我们和设计师来讨论最合适的展示方式及其象征方式。只要我们选择了合适的构想，我们就开始下一个步骤。  步骤2：草图设计  我们通常使用3到5个铅笔素描来设计我们的图标构想。然后我们再讨论我们喜欢那一个图标。最后选择一个草图。     步骤3：Photoshop渲染制作  基于铅笔草图我们开始使用PS来渲染。然后我们创建主要形状并且继续制作细节。      步骤4：优化细节  在这个步骤中，我们将专注于材质和光 ...&lt;img src=&quot;http://www1.feedsky.com/t1/638809573/GBin1/feedsky/s.gif?r=http://www.gbin1.com/tools/icon/20120516icon-design-5-steps/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Tue, 15 May 2012 09:46:09 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/tools/icon/20120516icon-design-5-steps/</guid><fs:srclink>http://www.gbin1.com/tools/icon/20120516icon-design-5-steps/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638809573/6922785</fs:itemid></item><item><title>推荐20款最新的超棒CSS技术教程</title><link>http://www.gbin1.com/technology/css/20120515freshcss3tutorials/</link><description>设计行业是当前发展最快的行业之一，设计师需要了解最新的视觉设计趋势，及其类似jQuery，HTML5，CSS3的互动技术。  在今天  这篇文章中  ，  我想  与大家分享  这20个最新的CSS教程，大家可以参考里面的网页设计元素，  从中找到适合自己的  内容  。希望对大家都有所帮助！     Quickly Build a Swish Teaser Page With CSS3          How to Create a CSS3 Dropdown Menu [Tutorial]          Orman Clark’s Vertical Navigation Menu: The CSS3 Version          Accordion with CSS3          Tutorial: CTA button without images us ...&lt;img src=&quot;http://www1.feedsky.com/t1/638506668/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/css/20120515freshcss3tutorials/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Tue, 15 May 2012 09:38:18 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/css/20120515freshcss3tutorials/</guid><fs:srclink>http://www.gbin1.com/technology/css/20120515freshcss3tutorials/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638506668/6922785</fs:itemid></item><item><title>使用jQuery tag handler开发一个带有标签功能的文章发布系统</title><link>http://www.gbin1.com/technology/jquerytutorial/20120515-jquery-plugin-text-tag/</link><description>在线演示1 &amp;#160;  在线演示2 &amp;#160;  本地下载   网站和web开发中我们常常需要处理类似标签添加功能的模块，以前我们也介绍过相关的jQuery插件 -  textext ，可以方便的添加标签增减和自动补齐相关功能。今天这里我们将使用另外一个非常轻量级的jQuery插件来实现漂亮的标签处理功能，这里我们将使用以前的 超酷留言板系统 为基础来实现一个完整功能的留言发布系统，希望大家喜欢！  主要使用插件    jQuery UI - 需要使用到autocomplete功能     jQuery tag handler   其它插件请参考文章:  使用jQuery插件开发一个完整验证功能的超酷动态留言版系统    注意：jQuery UI的autocomplete在Firefox下处理中文自动补齐功能有个bug，你需要自己解决，解决方法如下：  找到jQu ...&lt;img src=&quot;http://www1.feedsky.com/t1/638463414/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/jquerytutorial/20120515-jquery-plugin-text-tag/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Mon, 14 May 2012 16:36:30 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/jquerytutorial/20120515-jquery-plugin-text-tag/</guid><fs:srclink>http://www.gbin1.com/technology/jquerytutorial/20120515-jquery-plugin-text-tag/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638463414/6922785</fs:itemid></item><item><title>超棒的jQuery矢量地图生成插件 -  JQVAMP</title><link>http://www.gbin1.com/technology/jquerynews/20120514jquery-plugin-vector-map/</link><description>在线演示 &amp;#160;  本地下载    是不是也考虑生成一个矢量类型的地图？今天我们将介绍的这款jQuery插件 -  JQVMAP  可以方便的帮助你生成漂亮的矢量地图。在现代浏览器中它使用了SVG（Scalable Vector Graphics）技术生成地图图片，如果你也需要支持老版本的浏览器，例如，IE6/7/8的话，它也可以通过VML来实现，非常不错的jQuery插件，相信大家一定会喜欢！  主要特性   支持现代浏览器，同时对于老版本浏览器也可以通过其它fallback方式支持  支持缩放，拖动查看  提供丰富的地图生成参数  目前支持：世界地图，美国地图，欧洲，德国地图  你可以自己定义自己的地图（当然，这个过程比较繁琐）  实时更新地图  需要jQuery类库支持  完整清晰的文档说明   如何使用  JQVAMP使用非常简单，导入jQuery类库和插 ...&lt;img src=&quot;http://www1.feedsky.com/t1/638093663/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/jquerynews/20120514jquery-plugin-vector-map/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Mon, 14 May 2012 10:04:32 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/jquerynews/20120514jquery-plugin-vector-map/</guid><fs:srclink>http://www.gbin1.com/technology/jquerynews/20120514jquery-plugin-vector-map/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093663/6922785</fs:itemid></item><item><title>CSS3浏览器在线兼容查询工具 - Browser Support</title><link>http://www.gbin1.com/technology/css/20120512css-browser-compatibility/</link><description>今天我们介绍一个非常不错的用来查看不同浏览器下CSS属性兼容性的在线工具 -  Browser Support ，如果你需要查看不同浏览器下CSS的兼容性的话，这个工具肯定能帮你大忙，特别如果你想在你的项目中使用CSS3的话，这个工具肯定也是你不错的选择。  使用这个工具，你可以输入需要查询的属性，当然这个工具拥有自动补齐功能，使你可以更方便的查看不同的CSS属性。     搜索结果会按不同的浏览器来展示兼容属性。      是不是很方便？希望大家在web开发中能够用到这个在线工具。&lt;img src=&quot;http://www1.feedsky.com/t1/638093664/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/css/20120512css-browser-compatibility/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Sat, 12 May 2012 16:06:02 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/css/20120512css-browser-compatibility/</guid><fs:srclink>http://www.gbin1.com/technology/css/20120512css-browser-compatibility/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093664/6922785</fs:itemid></item><item><title>20款简洁独特的logo设计</title><link>http://www.gbin1.com/tools/icon/20120510simple20logos/</link><description>说起logo设计，到底什么样的设计才可以算得上是好的设计?是复杂多样、色彩丰富的？还是有视觉冲击力的？让我们试着回想一下我们常看到的那些logo标识，记忆犹新的反而是那些色彩简单内容突出且不重复的设计。或许就是几个字母、几个简单的符号，组成了独具创意的设计。我们收集了下面这20款简单独特的logo设计，希望以它们做为参考可以激发你的创意灵感，设计出属于你的独一无二的logo标识！希望大家喜欢！&lt;img src=&quot;http://www1.feedsky.com/t1/638093665/GBin1/feedsky/s.gif?r=http://www.gbin1.com/tools/icon/20120510simple20logos/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Thu, 10 May 2012 14:11:49 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/tools/icon/20120510simple20logos/</guid><fs:srclink>http://www.gbin1.com/tools/icon/20120510simple20logos/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093665/6922785</fs:itemid></item><item><title>强烈推荐50套令人惊叹的免费图标</title><link>http://www.gbin1.com/tools/icon/20120509amazingfreeicon/</link><description>一个高质量的图标可以在你整体的设计中可以起到非重要的作用，收集不同样式、大小的图标，可以在你的工作中帮助你更好的节省时间。  往往设计师们喜欢自己创建自定义图标，然后再将这些图标有偿转让，不过幸运的是，也有很多非常好图标是可以免费得到的。我们分享下面这50款免费图标，希望它们可以在工作中带给你帮助！也希望大家喜欢！    Photography Icons             Aroma             Webcons             Addictive Flavour                Quartz             Build Icons                Web Designer’s Icons                Portfolio Icons                WooFunction Icons ...&lt;img src=&quot;http://www1.feedsky.com/t1/638093666/GBin1/feedsky/s.gif?r=http://www.gbin1.com/tools/icon/20120509amazingfreeicon/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Thu, 10 May 2012 10:45:07 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/tools/icon/20120509amazingfreeicon/</guid><fs:srclink>http://www.gbin1.com/tools/icon/20120509amazingfreeicon/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093666/6922785</fs:itemid></item><item><title>分享10个2012年最新发布的jQuery插件</title><link>http://www.gbin1.com/technology/jqueryplugins/20120509latestjqueryplugins/</link><description>本文收集了最新的jQuery社区发布的jQuery插件，绝对是你没有见过的，希望大家喜欢！   1. SearchMeme   一个即时搜索的jQuery插件       2. Wookmark   一个用来创建动态，多列布局的jQuery插件。帮助你在动态列中布局一系列的元素。       3. Intelligist   使用GitHub gists来在页面中分享和演示代码的jQuery插件。       4. Backstretch   一个简单的允许你添加动态变化大小背景图片到任何页面的jQuery插件       5. CraftMap (previous MobilyMap)   一个轻量级的(6kb)，完全可配置的jQuery插件，通过覆盖元素可以将简单图片转换成一个功能性的地图。        6. jQuery NailThumb   帮助你方便的创建图片的缩 ...&lt;img src=&quot;http://www1.feedsky.com/t1/638093667/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/jqueryplugins/20120509latestjqueryplugins/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Wed, 09 May 2012 20:37:10 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/jqueryplugins/20120509latestjqueryplugins/</guid><fs:srclink>http://www.gbin1.com/technology/jqueryplugins/20120509latestjqueryplugins/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093667/6922785</fs:itemid></item><item><title>分享14个jQuery插件开发人员易犯的错误</title><link>http://www.gbin1.com/technology/jquery/20120509jquery-plugin-dev-rules/</link><description>随着越来越多的开发人员开始开发jQuery插件，所以我们随时都有可能遇到很烂的插件开发“成果”。没有在线演示，没有文档，或者插件没有遵循最佳编码实践。但是对于阅读这篇文章的朋友来说，你很幸运，因为这里我们将介绍14个jQuery插件开发中最容易犯的错误。希望大家会觉得有帮助！  随着jQuery的广泛使用，每天都出现很多新的插件 ，但是问题在于很多插件真不怎么样。  以前我们介绍过 10个帮助你创建超棒jQuery插件的小技巧 ，在今天这篇文章中，我们将专注于jQuery插件的最佳开发实践，希望对于大家有帮助，如果你喜欢我们的文章，请给我们留言，谢谢！   错误一：不是在开发一个jQuery插件  总的来说，这里有很多大家接受的jQuery开发的模式。 如果你没有遵从这些设计模式，你开发的插件有可能很“垃圾“。看看如下最常用的模式：  (function($, wind ...&lt;img src=&quot;http://www1.feedsky.com/t1/638093668/GBin1/feedsky/s.gif?r=http://www.gbin1.com/technology/jquery/20120509jquery-plugin-dev-rules/&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><pubDate>Wed, 09 May 2012 11:38:08 +0800</pubDate><guid isPermaLink="false">http://www.gbin1.com/technology/jquery/20120509jquery-plugin-dev-rules/</guid><fs:srclink>http://www.gbin1.com/technology/jquery/20120509jquery-plugin-dev-rules/</fs:srclink><fs:srcfeed>http://www.gbin1.com/gbin1/admin/rss.jsp</fs:srcfeed><fs:itemid>feedsky/GBin1/~8804411/638093668/6922785</fs:itemid></item></channel></rss>
