摘要： 日期：2012-6-22来源：GBin1.com在线演示本地下载今天我们介绍一篇来自Brandon Pierce的3D按钮设计。希望大家喜欢！基本HTML<nav> <ul class="nav"> <li><a href="#" class="icon-home"></a></li> <li><a href="#" class="icon-cog"></a></li> < 阅读全文

摘要： 今天我们继续介绍jQuery的功能特性，如果你没有错过了第一篇，请这里阅读。 jQuery DOM操作 jQuery的一个特长之一是帮助你有效果的进行DOM（Document object model）操作。DOM是你能看到的web应用中的所有元素，包括图片，容器元素，链接，视频等等。 通常我们在DOM加载完毕后来处理各种事件和元素，用来生成独特的效果。以下我们介绍几个非常有用的方法： 使用.clone()方法。 jQuery的clone()方法可以快速的帮助我们根据一个元素快速生成另外一个元素的拷贝，相信大家在我们的ajax方法介绍中看到过我们如何使用clone方法来生成一个新的元素，以便使用.live()方法来绑定动态元素。 注意，你同样可以使用clone()方法来拷贝绑定在元素上的事件，非常实用的方法。 阅读全文

摘要： 你不得不承认，最近几年jQuery在前台开发类库中脱颖而出，越来越流行，只要你做web相关应用或者网站开发，肯定或多或少的使用过相关的功能。在最近的Google趋势中，我们可以看到自从2008年开始，jQuery类库的使用呈现几何级别的增长，远远的将其它JS类库甩在后面，有图为证： 阅读全文

摘要： 今天我们分享一个超酷的使用HTML5画布技术开发的进度条插件 - percentageloader。这个插件比普通的水平进度条使用更加炫酷的效果，图形效果类似以前我们介绍的jQuery knob插件 ，这个插件使用快捷简单，可以非常好的应用到现代浏览器中。插件使用了HTML5的画布来生成图形界面，压缩版本只有10kb大小，并且使用矢量Vector而非图片来生成，可以很方便的生成不同大小的图形。开源软件，大家可以方便自由的使用。 阅读全文

摘要： web或者网站设计中很重要的一点在于如何有效的使用颜色搭配，可能大家都有过痛苦的上网浏览体验，因为很多网站都没有很好的处理颜色对比度的问题，结果就是折磨用户的眼睛。 今天这里我们将介绍一个不错的在线颜色对比度检验工具 - Checkmycolours，使用这个工具，可以帮我们针对网站做一个彻底的检查，它能够帮助我们分析web页面上的颜色使用。 基本原理是检查DOM元素的前后背景色，并且组合让你直接看到效果，同时可以很好的帮助你出来颜色对比度不够的问题。 阅读全文

摘要： 在今天这篇文章中，我们将介绍来自于tympanus的 一个全屏幻灯特效教程，在这个教程中将介绍如何使用jQuery和CSS3来实现一个全屏的幻灯特效，你将看到每一个幻灯都从水平或者垂直中间断开然后消 失，使用不同的data-attributes属性来定义类型，旋转和角度等幻灯属性，这样我们可以创建非常独特的幻灯效果。 阅读全文

摘要： 作为独特的网站设计风格，使用3D特效设计的网站会带给访问者超酷的视觉冲击，今天小编我将介绍最近收集的8个超酷的3D网站设计，希望带给大家灵感！ 阅读全文

摘要： 大家可能都有过这样的开发经验，用户无法真正的了解如何使用一个设计非常讲究并且功能非常炫酷的网站，这样的情况的确非常让人沮丧，即使是微软开发的office，也有同样的问题，现在的office使用就是一个迷宫游戏，永远无法第一眼找到自己需要的功能。 为了解决这样的问题，一个非常好的方案就是形象化的将功能区域有效的展示给用户，并且添加适当的功能说明。不过这样的功能自己开发起来可能相对比较麻烦，有没有更好的方式呢？ 今天这里我们介绍一个不错的jQuery插件 - Pageguide.js，使用这个插件可以有效的帮助你生成网站使用的向导，用户可以很直观的了解网站的内容和相关功能使用，而作为网站来说，我们不需要自己开发相关功能，只需要整合pageguide到我们的网站即可。 使用Pageguide.js将会添加一个“向导”按钮到你的网站，当你点击它的时候，将会高亮显示我们需要说明的网页元素，并且附带部分的文字说明。你的用户可以很容易的了解如何使用这些功能。 阅读全文

摘要： 文件类型相关图标图形在web应用和网站开发中往往大量使用，例如，下载文件类型提示，这样用户能够很清楚的了解下载的文件格式和类型。图形方式的指示往往能更加有效的引导用户的使用。 阅读全文

摘要： 今天我们介绍来自tutorialzine的一个HTML5/jQuery/Yahoo API的开发教程，在这篇文章中我们将介绍如何使用HTML5的Geolocation，jQuery和YahooAPI来开发一个天气预报web应用。 如果你不熟悉HTML5的Geolocation（地理位置服务），请参考我们的HTML5教程： HTML5 Geolocation。 阅读全文

摘要： 今天我们带来另外一套免费的图标资源 - Simplycons Icon Set，这套图标包含了50个设计简洁的图标，来自于SimplyPixels的设计师Patrik Larsoon。 这套图标提供了透明的PNG文件格式，对于个人或者商用都是免费使用。但是不可以随意发布，如果你需要，请去simply网站下载。 阅读全文

摘要： Chronoline.js是一个javascript的类库用来帮助开发者创建一个按时间来展示的时间线。 整个时间线水平方向显示，我们可以方便的显示任何时间长度的事件，并且提供一个tooltip来展示事件详细内容。 阅读全文

摘要： 今天我们介绍5款jQuery的动态过滤插件，这些插件可以有效的帮助你过滤搜索结果，帮助你将搜索过程变得更加简单并且快速。以前我们介绍过一款超酷的动态过滤插件使用jQuery插件filtrify，这里我们再介绍5个不错的动态过滤插件，通常来说我们都加载搜索结果中所有数据，但是隐藏不匹配的数据内容，展示用户需要的数据内容，以此达到动态搜索目地，希望大家喜欢！ 阅读全文

摘要： cURL是 一个非常实用的命令行工具，可以有效的帮助你处理URL相关操作和数据传输。最早这个工具用来帮助大家使用命令行格式来编程实现各种不同协议下的文件传 输，如，HTTP，HTTPs，FTP，gopher，sftp等等。我们可以方便的使用批处理或者shell脚本语言来自动处理URL相关的操作。在今 天这篇文章中，我们将简单的介绍大家可能常用的CURL命令行，希望对大家有帮助！ 阅读全文

摘要： 当我们准备开发移动网站或者项目的时候，最重要的一点在于有效的控制每一个部分的大小，我们需要尽可能的保证所有文件都足够的小，这样用户才能有非常流畅体验。前面的文章中我们详细介绍过轻量级的移动开发Javascript类库- Zepto.js，今天这里我们介绍另外一个非常新的javascript类库QUOjs。 使用这个类库能够帮助你开发基于移动设备的网站或者应用，它拥有非常迷你的体积，压缩版只有13kb的大小，但包含了你需要的所有必要的功能。 阅读全文