12 2011 档案
摘要：日期：2011/12/30 来源：GBin1.com在这篇文章中，我们将收集了2011年12月份11个最好的jQuery插件。让你设计出最别致的网站设计！来源： 分享2011年12月的11个最棒的jQuery插件
阅读全文
摘要：日期：2011/12/27 来源：GBin1.com 导航在网站设计中起着举足轻重的作用。一个设计简易的导航相对于复杂的导航将能够很好的帮助用户探索网站内容。无论从网站设计功能的任何角度来看，导航都是首先我们需要设计和实现的。实现一个无与伦比并且能成功满足导航需要的导航设计就好像是登上珠穆朗玛峰。设计一个具体有特别的功能的导航会使得网站导航对于用户非常有趣，并且能够提高用户的使用体验。这次我们选择了一些使用超棒并且不寻常的导航元素实现的网站，希望大家喜欢！1. Tvrdek初上这个网站，你可以感觉这个网站没有任何内容，但是一旦你使用导航栏后，你会发现浏览这个网站是一件多少有趣的事情。2. Ra
阅读全文
摘要：日期：2011/12/26在线演示 本地下载 今天分享一款jQuery的UI插件 - Ninja UI， 这个插件使用jQuery本身的语法来开发界面元素，而且你不需要关注CSS样式相关设定，因为整个CSS样式都被直接写到了插件中，不过坏处是，你需要 在开发前就确定好CSS，同时目前提供俩个类型的主题。插件使用简单，如果你会写jQuery代码，使用起来得心应手，支持的组件不是特别多，不过比较实 用，整个类库非常小，可以考虑使用其中某些组件。支持组件：自动补齐 autocomplete按钮 button对话框 Dialog抽屉层 drawer图标 icon菜单 menu星级评级 Rating滑动
阅读全文
摘要：日期：2011/12/21 来源：GBin1.com在线演示 本地下载 今天我们介绍一个新的插件 - Sisyphus.js ，这个插件是由Alexander Kaupanin开发的一个类似Gmail客户端草稿保存的jQuery插件，帮助你的用户在客户端保存未写完的草稿。
阅读全文
摘要：日期：2011/12/20 来源：GBin1.com 在线演示 本地下载这 个教程将实现一个页面部分内容突出显示效果， 大家可能经常见到一些页面组成内容比较多，可能会分散用户的关注点，使用部分内容突出显示，而模糊其它内容会使得用户能够比较专著的阅读页面中自己关心或 者感兴趣的内容，今天这个突出内容显示效果就是为了解决这个问题而设计的。在这个教程中，我们使用了CSS3的transition属性，所以你需要使用现代浏览器来浏览效果，比如：Safari和Chrome。
阅读全文
摘要：日期：2011/12/16 来源：GBin1.com 最 近Web圈子里最让人激动地莫过于HTML5了，特别是HTML5视频，使用HTML5视频标签可以帮助我们解决困扰我们很长时间的网站视频插入问题。 HTML5可以在没有flash的情况下播放视频。现在有很多的漂亮HTML5视频播放界面，包括控制元素，所以你不需要其它的东西来播放视频。这里我们 给大家介绍10款最好的免费HTML5播放器，希望大家能喜欢，支持我们，请给我们留言！分享10款最棒的免费HTML5视频播放器
阅读全文
摘要：日期：2011/12/19 来源：GBin1.com2011即将过去我们将在几周后迎来新的一年。 这里我们将介绍10多个js和jQuery的MVC教程希望大家喜欢！来源： 分享16个javascript&jQuery的MVC教程
阅读全文
摘要：日期：2011/12/16 来源：GBin1.com作为web设计或者开发者来说，表单是我们经常需要打交道的设计元素之一。 不论你开发登陆功能，在线购物功能，或者是注册功能，你都需要使用表单来执行用户输入。但其实并不是很多开发人员都关心开发或者设计表单元素。而表单设计 最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合，因为表单是实现用户和服务器数据交换的重要方式之一。今天我们将介绍10款我们收集的最棒表单插件，希望大家喜欢！来源：分享10个最好的jQuery表单插件
阅读全文
摘要：日期：2011/12/15 来源：GBin1.com几 乎所有经常大量使用图片展示的网站都对针对图片加载执行了一些有效的优化步骤，然而，并不是任何情况都能指望这样做。有时候你的确需要加载非常大的图片， 而最后结果往往是图片加载过慢导致页面本身没有加载完整。因此考虑使用一些不错的jQuery插件帮助你异步加载图片以优化页面加载速度往往是一个不错的 选择！分享10个jQuery图片加载插件和教程及其生成器
阅读全文
摘要：日期：2011/12/14官方已经正式发布了jQuery Mobile 1.0，今天我们这里将介绍这个流行的移动端框架以帮助大家跨平台开发基于web的应用。 jQuery Mobile是一个流行的jQuery框架的扩展。正如其名，它用来帮助开发基于移动设备的web应用。作为最流行的移动端开发框架之一，它能提供大家一个非桌面应用的解决方案。同时它也被整合到SDK例如PhoneGap中作为本地应用的必要的组件。 支持jQuery的团队非常努力的开发jQuery移动框架，在最后的3个月终于正式发布了。 今天我们来看看jQuery mobile中的一些特性，希望能帮助大家快速的开发出基本的移动客户端应
阅读全文
摘要：在线演示2D在线演示3D 在线下载在线演示(效果) 在线演示(多个) 前段时间我们介绍过一款jQuery的超酷幻灯效果插 件：NivoSlider。今天我们将给大家来带另外一个绝对震撼的jQuery实现的幻灯slider插件：Chop Slider。 这个插件拥有了192个不同的变化效果，绝对能够满足你不同的变换需要。而且支持很多2D和3D的特效。更重要的是它支持了非CSS3的效果，这样你可以 有足够的空间去开发一款所有浏览器都支持的幻灯效果。而且支持开发自定义的变化效果。这需要你自己开发。以下是主要特性：122个2D变换效果：这里有105个效果支持所有的浏览器，除了IE，在IE中的效果可能略
阅读全文
摘要：日期：2011/12/01 在线演示 Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用Masonry处理后，间隔变小。Javascript首先倒入类库，如下：<script src="//
阅读全文
摘要：日期：2011/12/07 来源：GBin1.com今天在公司的网站上发现的一个在线HTML5元素的在线测试，大家有兴趣可以挑战一下，有点小BT。Enjoy！在线测验
阅读全文
摘要：在线演示1 在线演示2 Timeglider JS是一个由javascript支持缩放，数据驱动的时间轴组件。非常适合显示项目历史，项目计划及其其它需要显示历史的项目。时间轴可以通过右边拖放垂直滑动器来缩放界面：向上缩小，向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴，点击事件可以弹出一个小窗口来描述时间内容及其数据。JS组件有以下几个目标：支持iPads和其它支持触摸的设备非常容易整合到基于HTML/JS应用和界面支持复杂的布局，并且可以对任何指定自定义HTML元素添加事件安装第一步：jQuery UI及其Timeglider CSS文件<link rel
阅读全文
摘要：日期：2011/12/06 编译：GBin1.com 居 中式样的网站设计是一个非常高效的平衡视觉设计方式。 并且更容易得到反馈，随着移动web的发展，变得越来越受大家喜欢。由于以上的俩个想法我这里想分享一些居中的网站设计。这些收藏包括一些居中的页面元素 web设计例如heading，图片或者内容区域。希望大家能喜欢，并且给我们留言，谢谢！Freelance Graphic Design Jean-philippe GamsFireFlyCodeArt MediaGoneFreelancingWe are O3Eighty Two DesigncabedgeHuman Writ.esMitch
阅读全文
摘要：日期：2011/12/06Google 提供了很多不错的用户端服务和应用，虽然最初是一个搜索引擎，今天Google几乎为每一个用户提供解决方案。当为了满足需求的时候，Google并不忘 记满足web开发人员和设计人员的需求。在这篇文章中，我们将了解一下Google提供了那些主要的服务，并且如何应用到wordpress中的。1. Google自定义搜索Google自定义搜索帮 助网站创建了一个自制定的搜索引擎。帮助你构建你的核心功能，帮助你搜索整个网站，部分网站甚至是多个站点。同时你也可以使用Google adsense来帮助你显示广告到你的搜索结果中，当然你可以使用付费版本，这样可以去掉所有的
阅读全文
摘要：日期：2011/12/05 来源：GBin1.com大家可能都看到过Flash实现的标签云，很多网站都使用Flash构建的标签云，包括wordpress中都有相关的标签云插件。今天我们这里介绍一款jQuery开发的标签云插件：3D tag cloud，希望大家喜欢！在线演示 在线下载 相关选项zoom: 90 初始的缩放度min_zoom: 25max_zoom: 120zoom_factor: 2 - 鼠标滚轮的缩放速度rotate_factor: -0.45 - 鼠标移动时球体旋转的数量。正数将反向旋转fps: 10 - 定义每秒动画更新的次数centrex: 250 - 在contain
阅读全文
摘要：CSS3基础知识小测验:http://www.gbin1.com/technology/onlinequiz/20111204basicquiz/
阅读全文
摘要：日期：2011/12/01 来源：GBin1.com 使 用jQuery可以帮助你快速的实现一些非常酷的动态特效，有些时候能帮助你提高用户体验，有时候能够帮助你似的网站更加炫酷。例如在GBin1首页使用 的标题宽度变化效，可以有效的帮助用户提高阅读的便利性，一个好的前端人员，应该时时刻刻站在用户的角度看待UI设计。今天这里我们收集了10个使用特别动态效果的教程，希望大家能够喜欢，如果你能给我们留言，我们将会非常高兴的！相关教程： 分享10个超酷的jQuery动画教程1. 动态的标题背景特效在这个教程中，作者介绍了如何使用jQuery来使你的标题背景动起来，这样使得你的网站更具有活力在线演示 .
阅读全文
摘要：日期：2011/12/01 来源：GBin1.com在线演示 Masonry是 一款非常强大的jQuery动态网格布局插件，可以帮助开发人员快速开发类似剪贴画的界面效果。和CSS中float的效果不太一样的地方在 于，float先水平排列，然后再垂直排列，使用Masonry则垂直排列元素，然后将下一个元素放置到网格中的下一个开发区域。这种效果可以最小化处理 不同高度的元素在垂直方向的间隙。如下：在上图中大家可以看到，在网格布局中使用float来处理不同高度的元素会使得垂直方向的元素间间隔比较大，而使用Masonry处理后，间隔变小。Javascript首先倒入类库，如下：<script
阅读全文
摘要：jQuery技术在线小测试:http://www.gbin1.com/technology/onlinequiz/jqueryquiz/
阅读全文
