gbin1

日期：2011/10/25 来源： jquery4u.com 编译： GBin1.com 在今天这个文章中，我们将分享5个在线的Ajax”加载中”动画图标生成器工具，可以简单快速的帮助你生成Ajax加载器。 只需要： 选择你的加载动画类型 选择颜色 选择动画速度 创建 1. CSS load online Tool cssload.net是一个标准的在线工具，可以用来生成你自己的Ajax加载旋转动画图标。它提供预览，并且拥有速度控制。主要及其次要颜色选项给你一些别的工具无法生成的特殊效果。最重要的它能生成CSS来创建加载中图标，而不使用任何图片。 更多查看原文 原文来自： 5个在线Ajax“加载中”旋转图标生成器工具 来源： oschina 链接： https://my.oschina.net/u/156697/blog/33919

日期：2011/12/26 来源： GBin1.com 在线演示 本地下载 今天分享一款jQuery的UI插件 - Ninja UI ， 这个插件使用jQuery本身的语法来开发界面元素，而且你不需要关注CSS样式相关设定，因为整个CSS样式都被直接写到了插件中，不过坏处是，你需要 在开发前就确定好CSS，同时目前提供俩个类型的主题。插件使用简单，如果你会写jQuery代码，使用起来得心应手，支持的组件不是特别多，不过比较实 用，整个类库非常小，可以考虑使用其中某些组件。 支持组件： 自动补齐 autocomplete 按钮 button 对话框 Dialog 抽屉层 drawer 图标 icon 菜单 menu 星级评级 Rating 滑动器选择 Slider 标签 Tabs 支持主题： 缺省 DOJO 支持浏览器（HTML5浏览器）： Chrome Safari Firefox Internet Explorer* Opera 注释：IE9不支持Gradients，IE6-8不支持透明背景及其圆角 来源： 分享一款jQuery的UI插件：Ninja UI 来源： oschina 链接： https://my.oschina.net/u/156697/blog/37952

10个帮助你创建超棒jQuery插件的小技巧 日期：2012/02/29 来源： GBin1.com 这篇文章我们将分享10个技巧帮助你将一个不错的jQuery插件改造成一 个超棒的jQuery插件，很多开发人员都开发了很多不错的jQuery插件，但是对我们这些插件的使用者来说，很多jQuery插件的使用都不是那么直 接和透明。这里的10个技巧能够帮助你将更好的维和和扩展你的jQuery插件。而且对于插件开发来说，如果你有一个非常好的架构，将会给你的开发带来极 大的益处。所以在正式开发前，进过深思熟虑还是非常有必要的。 1. 插件开发需要做到独立 这是jQuery插件开发中最让个伤脑筋的事之一。因为我们需要首先考虑。你的插件应该在不需要额外的配置情况下正常工作。因此最小的缺省初始化你的jQuery插件就应该正常工作，如下： $("#gbin1-container").wTooltip(); 一个非常好的例子就是拥有向前/向后按钮的jQuery幻灯展示插件。 我曾经看到过了一些插件要求你配置div和属性id和class，然后要求你通过插件来参考。这样的配置应该在插件内处理，提供可开关的选项 2. 提供缺省的设置 很少有插件不提供任何的配置设定。和前面观点类似，我们肯定需要提供用户一些选项，这样可以帮助用户自己配置自己需要的效果并且扩展需求，更重要的在于帮助你推广你的插件 var…

日期：2011/12/01 来源： GBin1.com 在线演示 Masonry 是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下： 在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用 Masonry 处理后，间隔变小。 Javascript 首先倒入类库，如下： <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script src="/path/to/jquery.masonry.min.js"></script> 然后，针对元素容器执行masonry，如下： $(function(){ $('#container').masonry({ // options itemSelector : '.item', columnWidth : 240 }); }); HTML <div id="container"> <div class=

随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。 使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。 在线演示 在线下载 使用方法： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.html5uploader.min.js"></script> <script type="text/javascript"> $( function () { $("#dropbox, #multiple").html5Uploader({ name: "foo", postUrl: "bar.aspx" }); }); </script> <div id="dropbox"></div> <input id="multiple" type="file" multiple> 参数设定： name: 上传字段标示 postUrl: 文件数据处理URL

日期：2012/01/16 来源： GBin1.com 大家都听说过nosql解决方案吧？现在是web开发中很流行的技术。 是不是也有听说过MongoDB？ 你是不是准备好了来学习一下web开发中最酷的技术之一MongoDB？ 在这个系列教程中，我们将介绍帮助大家了解MongoDB，让大家能够像Mysql一样熟练的应用MongoDB到web开发中去。 希望大家喜欢！ 为什么使用MongoDB? 在面对对象的开发过程中，我们都被鼓励尝试将逻辑的模型应用到代码开发中去，因此我们使得代码在概念上更加容易理解。当我们需要这样做的时候，我们最好能够清晰的看到逻辑操作的互动及其信息的处理。 那么假设如果你可以将需要使用的程序化模型直接保存的话呢？如果你可以直接保存它们而不需要保存数据库中表里面的一行一行数据呢？ 学习MongoDB，你就可以实现这个功能！ 在这个教程中，我们将学习基本的MongoDB，例如，创建，更新和删除数据库和记录，执行复杂的查询并且使用MapReduce来执行初级的数据挖掘。那么废话不说，我们现在开始！ 查看原文 来源： oschina 链接： https://my.oschina.net/u/156697/blog/40026