2012年04月_普通网友

原创由纯CSS3实现的超酷飞行状下拉菜单特效

日期：2012-4-26 来源：GBin1.com 在线演示本地下载今天介绍一款来自script-tutorial的超酷飞行状菜单特效，和传统的下拉菜单不同，它的子菜单都是水平飞入而非滑动下拉出现，非常的与众不同，希望大家喜欢！ HTML代码首先这里我们定义HTML菜单项目，使用li来构建菜单内容，如下： Home Menu 1

2012-04-27 19:50:40 1513

原创 [jQuery代码]如何使用javascript/jQuery预先加载图片

日期：2012-4-26 来源：GBin1.com 下面这段代码可以有效的帮助你预先加载图片。 (function($) { var cache = []; //参数是图片相对于当前页面的路径 $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len;

2012-04-27 19:49:57 708

原创 CSS伪类(pseudo class)简明介绍之:before和:after

日期：2012-4-26 来源：GBin1.com 在线演示本地下载在线调试如果大家经常关注互联网新网站和应用的话，或者你喜欢收集不同的网站模板，你会发现越来越多的网站模板或者网站在使用CSS伪类 - pseudo class。今天我们这里给大家简单介绍伪类中经常使用的俩个:before和:after。希望大家能够觉得有帮助！如果你喜欢我们的文章，或者有任何问

2012-04-27 19:49:14 1181

原创使用jQuery email check插件开发带有email域名拼写错误校验功能的超酷动态留言版系统

日期：2012-4-26 来源：GBin1.com 在线演示本地下载很多的网站或者web应用都需要你填写电子邮件地址，而这个过程中，用户往往会拼写错误的电子邮件域名，今天我们将给大家介绍一款很不错的域名拼写校验插件，帮助你有效的帮助校验用户输入的电子邮件域名拼写错误，这里我们将使用这个插件强化我们以前一篇教程中的例子 - 使用jQuery插件开发一个完整验证功能的超酷动

2012-04-27 19:48:30 870

原创来自于Mozilla Networks演示工作室的超酷CSS3/Javascript动画演示

日期：2012-4-25 来源：GBin1.com 这个叫做DemoStudio的网站来自于Mozilla Developer networks，收集了很多超酷的CSS3和Javascript特效。因为都是实验产品，所以如果你使用这些技术，有可能在一些老的浏览器，比如，IE中无法正常工作。当然如果你有fallback的话，大可以使用这些技术。相信你肯定会喜欢这些超酷的特效。如果大家喜欢，请给我

2012-04-27 19:47:31 660

原创帮助你简化Cookie操作的javascript类库 - cookie.js

日期：2012-4-24 来源：GBin1.com 做web开发的朋友不可避免的需要处理cookie，以往我们使用javascript处理cookie的过程繁琐并且容易出错，所以往往使用一些现成的处理cookie的javascript代码或者jQuery类库，使用jQuery固然非常不错，但是如果只是为了处理cookie而加载如此大的一个文件，感觉不是非常的划算。今天这里我们介绍一个帮

2012-04-25 14:32:06 683

原创免费素材下载：Box Of Bundles Number 2

日期：2012-4-24 来源：GBin1.com 本地下载大家还记得我们以前分享过的来自boxofbundles.com的免费设计素材，图标和模板吧，今天我们带来了boxofbundles第二部分的免费素材，希望大家喜欢！在第二部分素材下载中，我们将分享65个免费下载的设计素材，包含了各种按钮和主题皮肤设计，千万不要错过了这些超棒的素材。 Aaron Moody’s Ca

2012-04-25 14:31:35 765

原创免费素材下载：超酷的简单按钮UI

日期：2012-4-23 来源：GBin1.com 今天分享一套来自alessioatzeni的超棒简单按钮UI，包含了2个主题的5个类型的按钮。提供了PSD格式的下载，所有的元素都是矢量格式，你可以自由的修改图片大小。希望大家喜欢！主题颜色：黑色和蓝色本地下载来源：免费素材下载：超酷的简单按钮UI

2012-04-25 13:02:19 910

原创分享一个帮助你快速构建HTML5游戏的javascript类库 - CreateJS

日期：2012-4-23 来源：GBin1.com HTML5是一个非常重要的web标准，针对HTML5衍生了很多的富客户端javascript开发类库，今天这里我们将介绍一个非常棒的帮助你开发基于HTML5游戏的类库 - createJS。 CreateJS是一个整合的模块化的类库，使用它可以帮助你开发富客户端的互动应用，这些类库的设计非常独立，包含了不同的模块，如下： E

2012-04-25 12:59:33 882

原创推荐10款用户界面设计

日期：2012-4-23 来源：GBin1.com 在此之前，我们曾经推荐过不下50种简化的网络格式布局，在此基础上，Creattica现在有了更好更新的设计呈现给大家，里面注入了新的元素。是相当不错的设计网站！推荐给大家10款用户界面设计，希望大家可以从中得到灵感，设计出自己风格的网站。谢谢！ 1. Hi 2. User Login 3. Simple Breadcrumb

2012-04-25 12:58:20 444

原创 5个jQuery的备选轻量级移动客户端开发(Mobile development)类库

日期：2012-4-23 来源：GBin1.com jQuery很棒，但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理，为什么要使用如此复杂并且臃肿的类库呢？对于手机或者移动客户端来说，这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度，仍旧还是需要时间的。最具性感的jQuery特性 - 浏览器的兼容性，对于手机来

2012-04-25 12:55:55 659

原创分享一个帮助你在线测试响应式设计的web工具 - Screenqueri.es

日期：2012-4-23 来源：GBin1.com 如果你使用responsive layout来设计网站或者web应用的话，如何有效的在不同的设备上进行测试是一个比较麻烦的事情，今天我们这里给大家分享一个在线测试responsive布局的设计工具 - Screenqueri.es，能够有效的帮助你测试不同分辨率下网站的视图，希望大家喜欢！使用这个工具非常简单，你提供一个需要进行

2012-04-25 12:52:58 680

原创分享10个使用简单的jQuery的拖放插件（drag and drop plugin)

日期：2012-4-20 来源：GBin1.com 在这篇文章中，我们将给大家介绍10个使用简单的拖放插件，能够方便快捷的帮助你添加拖放功能到你的网站。谢谢！ Drag n Drop Scattered Gallery 支持不同外观的图片拖放插件脚本 (mb)ImgNavigator 一个使用拖放功能和导航图的图片浏览画廊。你可以通过拖放图片或者导航来查看图片。 jQ

2012-04-24 15:39:15 859

原创免费资源：350个超棒标志性字符图标

日期：2012-4-20 来源：GBin1.com 今天我们分析350个来自于Brankic1979的超棒标志性字符图标，希望大家喜欢！这套图标包含了350个图标，提供一个PSD文件下载，每一个图标都可以随意的改变大小而不损失质量。这么丰富的图标几乎包含了你的应用需要用到的所有的标志，包含，数字，标签，链接，闹钟，云，时钟... ... 同时大家可以个人使用或者商用，还想什么，赶快下

2012-04-24 15:38:08 906

原创帮助你高效开发Ajax应用的超酷jQuery插件 - AjaxML

日期：2012-4-20 来源：GBin1.com 如果你使用jQuery进行Ajax开发的话，你一定要试试今天我们这里介绍的这一款jQuery插件 - AjaxML。它是一款能够帮助你提高ajax开发效率的辅助插件，能够将你的ajax开发时间缩短为正常的60%。如果你没有尝试过这款插件，现在就下载一个试试吧！主要特性开发简单，能够有效地缩短ajax代码的长度支持表单递

2012-04-24 15:37:18 539

原创分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav

在线演示1 在线演示2 本地下载单页面设计最近越来越流行了，使用单页面的网站简单优雅并且易于维护，你不需要修改很多文件来做日常维护，而且使用超酷的动态滚动方式来展示你的个人网站或者公司网站，的确是一个非常不错的选择，今天这里我们将介绍给大家一款非常不错的单页面滚动式导航jQuery插件 - jQuery one page nav，希望大家能够应用到自己的网站设计和开发中，

2012-04-24 15:35:50 1680

原创分享42个超棒的智能手机摄影画廊

日期：2012-4-22 来源：GBin1.com 怎样制作出一张非常棒的照片？也许它取决于你设计的主题或者你想要一种风格，像许多艺术摄影，它们很可能是比较客观的，也许你最喜欢的一张恰恰不被你的朋友们喜欢或欣赏，但是要知道，摄影技术和风格的趋势是永远在前进着并且不断变化着的。如果你有一个部手机，特别是智能手机，你可能已经拍摄了1张或者两张照片。随着技术的不断进步，手机图片的制作功能大大

2012-04-24 15:34:25 8820

原创 18个web开发人员必备的Chrome扩展

日期：2012-4-19 来源：GBin1.com Chrome浏览器是最棒的浏览器之一。作为一个web开发人员，我非常喜欢这款浏览器，因为它提供了众多的扩展和插件。事实上之所以使用firefox也只不过因为它那强大的web开发扩展 - firebug。而现在因为Chrome的网页渲染速度，我越来越多的使用它来浏览网站，而且Chrome支持最新CSS3 3D变形，非常适合看看比较新颖的网站。

2012-04-20 13:29:04 573

原创免费下载：超棒的用户界面PSD设计

日期：2012-4-19 来源：GBin1.com 今天我们介绍来自PurtyPixels.com的超棒UIkit设计，这些漂亮的用户界面元素设计提供PSD文件下载，并且完全免费。 UI元素包含了按钮，滑动器，切换器，社交图片，进度条，包含3个不同色系的主题：蓝色，黄色和红色。所有的UI都是层次完整，完全矢量，并且很有序的组织的PSD图，你可以方便的自由修改成自己需要的样子。如果大

2012-04-20 13:21:42 671

原创 jQuery的事件处理方法介绍 - bind()，live()，delegate()，on()

日期：2012-4-19 来源：GBin1.com 在jQuery的开发过程中，我们往往需要处理各种事件，例如，click()，hover()等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind()，on()，live()和delegate()方法来绑定特定的事件，什么情况下使用，什么情况下不适用它们。希望能够

2012-04-20 13:20:41 567

原创推荐16款每周设计灵感

日期：2012-4-19 来源：GBin1.com 网页设计是一个快节奏的工作，每天都需要有新的设计诞生，下面我们推荐16款每周设计灵感，希望大家能从其中找到适合自己且对自己最有用的网页设计，也同样希望它们可以激发出你潜在的创造力！希望大家喜欢！ God Is Love Modal Window Interface Notebook iPhone UI WIP C

2012-04-19 16:17:58 519

原创 jQuery Mobile 1.1 : 更流畅，更快捷，更实用

日期：2012-4-18 来源：GBin1.com 最新版本的jQuery Mobile 1.1本月13号刚刚发布，带给我们了最新的强大特和代码提升。在这篇文章中，我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容。准备好和我们一起体验jQuery mobile吧！在这个文章中，我们将要介绍如下内容：改良的固定header和footer提

2012-04-19 16:17:05 721

原创分享一个jQuery的超酷分页插件 - jPages

日期：2012-4-18 来源：GBin1.com 在线演示本地下载 jQuery的分页插件很多，但是大都的功能都比较简单，今天我们分享一个非常酷的分页插件 - jPages，拥有丰富的功能和特效，大家肯定会喜欢！ jPages是一个典型的客户端分页插件，提供了相比其它分页插件更多的特性和功能。主要特性自动翻页键盘和鼠标滚动浏览延缓页面内容显示

2012-04-18 17:29:14 1521

原创推荐12款精心设计网站设计PSD模板

日期：2012-4-18 来源：GBin1.com PSD网站设计模板在我看来，是非常有效的制作工具之一。它可以用在很多方面。比如：如果你没有足够的时间，那么PSD网站设计模板会成为你最省时也最简单的参考工具。当你想设计一个非常独特又很特别的网站时，PSD网站设计模板可以成为你网站设计的基础，你可以对它进行修改和添加，让它成为适应你需要的模板。这样也非常有效的为你设计初期节省很多时间和

2012-04-18 17:28:38 784

原创分享一个黑色系的Single page单页面网站模板

日期：2012-4-17 来源：GBin1.com 在线演示本地下载今天分享一个单页面的网站设计模板，可以帮组你快速搭建一个个人作品集网站，拥有如下内容：博客发布留言板个人作品展示黑色系使用jQuery和CSS 来源：分享一个黑色系的Single page单页面网站模板

2012-04-17 18:35:03 1042

原创 jQuery小测试系列之jQuery基础知识

日期：2012-4-17 来源：GBin1.com 这是jQuery小测试系列第一部分：基础知识。来源：jQuery小测试系列之jQuery基础知识

2012-04-17 18:17:55 462

原创分享一个HTML5的drag and drop API实现的图片拖拽分组效果

日期：2012-4-17 来源：GBin1.com 在线演示本地下载今天我们介绍HTML5的拖拽功能。基本目前所有的现代浏览器(Firefox，Chrome，Safari，或者Opera)都支持这个实用的功能。这意味着我们可以考虑在我们的项目和网站中使用这个功能。更重要的是代码编写非常简单。我们这里将使用拖拽API开发一个图片的分组排序功能，希望能够给大家比较直观的使

2012-04-17 18:15:54 1533

原创强烈推荐一个超酷的wordpress状态信息图

日期：2012-4-17 来源：GBin1.com Google Analytics最近下载超过了3万次，并且Wordpress SEO的下载也已突破1万次。如果你有阅读博客的习惯，那么你应该知道，即使全球前100名博客中，wordpress的访问量也是位居名列，通过阅读和使用wordpress插件，我们自己也可以进行开发和制作。如果你也跟我们一样喜欢它，那就加入我们一起分享吧！ v

2012-04-17 18:15:03 438

原创浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍

日期：2012-4-17 来源：GBin1.com 在线演示本地下载大家是不是在开发设计过程中遇到如下情况？某些浏览器不支持HTML5或者CSS3的某些标签和属性。而我们希望开发的网站或者web应用能在所有的浏览器中运行正确，针对不支持的浏览器我们可以提供其它fallback方式来弥补。今天这篇文章呢，我们将介绍一个开发利器 - Modernizer，Moder

2012-04-17 18:14:14 981

原创分享32个超棒的实用移动网站(mobile website)布局设计

日期：2012-4-16 来源：GBin1.com 移动互联现在已经成为了互联网的新贵，我们不得不考虑如何更好的设计移动互联网。过去5到10年中基本上没有开发设计人员为移动设备设计UI。而到现在几乎每个人都使用智能手机来浏览互联网了。现在是大家认真考虑如何更好地设计移动互联的时候了。为了更好的给大家提供设计灵感。我们这里收集了32个超棒的移动互联网站。所有这些网站都可以使用浏览器或者智能手

2012-04-17 18:13:26 1029

原创分享一个纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!

日期：2012-4-16 来源：GBin1.com 互联网拥有很多免费的工具和应用，几乎可以帮助你实现任何你需要的UI组件和设计，大家还记得上周我们介绍的纯CSS实现的气泡式提示文章吗？今天我们将介绍一个在线的生成气泡式提示的web工具 - CSS ARROW PLEASE，希望大家喜欢！主要特性设置气泡提示位置（上下左右）提示尺寸大小文字颜色边框大小和尺寸边框颜色自动生

2012-04-17 18:12:23 653

原创强大的独立日期选择器(date picker)插件 - Kalendae

日期：2012-4-16 来源：GBin1.com 在线演示本地下载今天分享一个独立的日期选择插件Kalendae，Kalendae是一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话，这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项，配置，属性，事件和函数。给予你丰富和灵活的方式来创建日期选择器。当然它内含了一个强大的日期处理j

2012-04-16 18:11:42 929 1

原创分享一个CSS3实现的动态内容标签页切换效果教程

日期：2012-4-14 来源：GBin1.com 在线演示本地下载在这篇教程中，我们将学习如何使用CSS3来实现一个动态的标签页切换效果。希望大家喜欢。内容标签页在网站或者web开发中经常使用到，它对于帮助我们美化页面非常的实用。这个教程中我们将使用radio button和:checked伪类和sibling组合来实现一个CSS3内容标签页。注意目前并不是所

2012-04-16 18:10:10 651

原创分享32款令人惊叹的文字信息图

日期：2012-4-14 来源：GBin1.com 强大的文字类型信息图不仅可以通过让字母、符号的组合，使印刷标志变得更加的丰富。也可以变化不同的字体、大小和样式，它的可创造性非常令人惊讶。通过文字信息图制作的作品，不仅提高了精准度，如果在配合上优雅的设计和图形，它都会成为最好的设计和主题，当然需要你的无极限创意。在这里，我们收集了32款不同的文字信息图，希望可以帮助到你们！ Typogra

2012-04-16 18:06:03 498

原创你真的很了解HTML标签吗？试试这个超异类的HTML标签小测验吧！

日期：2012-4-14 来源：GBin1.com 你真的了解和熟悉HTML的标签含义吗？如果你觉得你真的了解的话，试试我们这个超异类的HTML标签小测试吧，如果你能达到80%的话，你绝对是个Geek! 来源：你真的很了解HTML标签吗？试试这个超异类的HTML标签小测验吧！

2012-04-16 18:04:54 893

原创分享200个免费的倒影效果移动设备及网站图标下载

日期：2012-4-15 来源：GBin1.com 本地下载今天我们分享一套200枚的移动设备图标，这套图标拥有非常棒的倒影效果，设计风格非常正式，很适合开发专业的手机应用和移动设备web应用。这套图标包含了PNG格式尺寸128x128，并且提供.ai矢量文件，大家可以方便的修改大小和样式，个人和商用都免费，希望大家喜欢！来源：分享200个免费的倒影效果移动设备及网

2012-04-16 18:02:27 630

原创 [JS代码]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者landscape

日期：2012-4-15 来源：GBin1.com 在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。 function orient() { alert('gete'); if (wi

2012-04-16 17:58:27 1649

原创一个仿Apple - OS X Lion操作系统风格的滚动条jQuery插件 - lionbars

日期：2012-4-13 来源：GBin1.com 在线演示本地下载今天介绍一款超酷的帮助你生成OSX式样的滚动条的jQuery插件- lionbars，使用这个插件，你可以快速的生成一个OSX风格的滚动条。绝对能够让你的UI界面充满苹果的味道。希望大家喜欢！主要特性压缩后非常小，8kb，开发版本16kb使用简单，目前版本0.3，不支持选项，不过网站上号

2012-04-16 17:56:23 670

原创 Node.js和Geddy初学者指南 - 第三部分：使用Mongdb持久化你的数据

日期：2012-4-12 来源：GBin1.com 在这个三个部分的教程中，我们教大家使用Node.js和Geddy来创建了一个todo的管理应用，上一篇我们将数据保存在内存中，在这个系列最后一篇文章中，我们将介绍如何将todo项目保存到mongodb中。介绍MongoDB MongoDB是一个由10gen开发的Nosql类型的数据库。这是node应用可以使用的超棒的数据库，它将数据

2012-04-13 17:35:31 916

原创探索HTML5之本地文件系统API - File System API

日期：2012-4-12 来源：GBin1.com 新的HTML5标准给我们带来了大量的新特性和惊喜，例如，画图的画布Canvas，多媒体的audio和video等等。除了上面我们提到的，还有比较新的特性 - File System API，它能够帮助我们来突破沙箱访问我们本地的文件系统，从而有效的弥补桌面和web应用之间的鸿沟。在今天这篇文章中，我们将会介绍基本的File syst

2012-04-13 17:10:46 545

空空如也

有关angularjs中的ng-if 标签在表单中使用