首页风格
门户
博客

GBin1博客视图 - 最近发布的文章-demo

信息图(Infographic)之HTML5游戏 vs. Flash游戏

日期:2012/03/06  来源:GBin1.com

信息图是一种可以非常直观的将信息内容以图像方式呈现给读者的表单方式。现代社会讲究快餐式的阅读,使用信息图能够很好的缩短阅读者对于信息内容的吸收时间。今天这里我们分享一个来自http://onemorelevel.com的信息图,它将flash游戏和html5游戏做了一个非常直观的对比,希望大家喜欢!

当然,http://onemorelevel.com是一个flash网站,所以结果大家自然也了解,如果你着眼于未来,HTML5肯定不是一个你能忽视的标准!

信息图(Infographic)之HTML5游戏 vs. Flash游戏

本地高清大图下载

来源:信息图之HTML5游戏 vs. Flash游戏

标签: 信息图, flash, html5, Infographic

阅读更多

10个帮助你创建超棒jQuery插件的小技巧

日期:2012/02/29  来源:GBin1.com

10个帮助你创建超棒jQuery插件的小技巧

这篇文章我们将分享10个技巧帮助你将一个不错的jQuery插件改造成一 个超棒的jQuery插件,很多开发人员都开发了很多不错的jQuery插件,但是对我们这些插件的使用者来说,很多jQuery插件的使用都不是那么直 接和透明。这里的10个技巧能够帮助你将更好的维和和扩展你的jQuery插件。而且对于插件开发来说,如果你有一个非常好的架构,将会给你的开发带来极 大的益处。所以在正式开发前,进过深思熟虑还是非常有必要的。

1. 插件开发需要做到独立

这是jQuery插件开发中最让个伤脑筋的事之一。因为我们需要首先考虑。你的插件应该在不需要额外的配置情况下正常工作。因此最小的缺省初始化你的jQuery插件就应该正常工作,如下:

$("#gbin1-container").wTooltip();

一个非常好的例子就是拥有向前/向后按钮的jQuery幻灯展示插件。…

标签: queness, kevin liew, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress

阅读更多

10个CSS和jQuery的加载中(loading)动画效果实现

日期:2012/02/28  来源:GBin1.com

以往web开发中都使用Gif来实现加载中的效果,但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果,希望大家喜欢!

相关文章:

5个在线Ajax"加载中"旋转图标生成器工具

分享10个jQuery图片加载插件和教程及其生成器

1. Sonic - Looping Loaders

一个非常小的JS class,你可以用来创建个性化的加载中动画。非常适合循环的动画。

10个CSS和jQuery的加载中(loading)动画效果实现

2. Bouncy Animated Loading Animation

使用CSS3实现的加载中动画

10个CSS和jQuery的加载中(loading)动画效果实现

3. CSS3 Loading Spinners without Images

CSS变化(firefox3.5和webkit类的浏览器)拥有很多的有趣功能,旋转,过渡和缩放等

10个CSS和jQuery的加载中(loading)动画效果实现

4. Ajax Style Loading Animation in CSS3 (no Images)

加载中是网站开发中非常重要的元素,但是加载图片需要时间,因此这里使用CSS来开发加载中。

10个CSS和jQuery的加载中(loading)动画效果实现

5.…

标签: loading, jquery, css3, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress

阅读更多

不容错过的超棒Javascript日期处理类库-Moment.js

日期:2012/02/20  来源:GBin1.com

不容错过的超棒Javascript日期处理类库-Moment.js

moment.js是一个轻量级并且健壮的js日期处理类库,相信大家在javascript开发过程中,都自己动手写过,或者使用google和百度搜索过相关的实现函数。使用这个类库,可以帮助你有效的处理相关日期。希望大家喜欢!

主要特性:

  • 3.2kb超轻量级
  • 独立类库,意味这你不需要倒入一堆js
  • 日期处理支持UNIX 时间戳,String,指定格式的Date
  • 日期处理:加,减日期
  • 日期显示:包括相对时间显示的日期显示选项
  • 其它内建的功能,例如,保存,timezone offset和i18n支持
  • 可以作为node.js的一个模块
  • 完整的文档介绍

如何使用?

var now = moment(); 
console.log(now.format('dddd, MMMM Do YYYY, h:mm:ss a'));
var halloween = moment([2011, 9, 31]); //…

标签: moment.js, 日期类库, js日期类库, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress

阅读更多

分享8个让你绝对印象深刻的具有超酷特殊过渡效果的jQuery幻灯插件

日期:2012/02/20  来源:GBin1.com

曾经大家都使用flash来构建动态的幻灯效果,不过随着HTML5和CSS3的发展,越来越多的网站使用jQuery,CSS3和HTML5的黄金组合来构建漂亮的幻灯效果。今天我们介绍8个具有超棒的过渡效果的jQuery幻灯插件,可能有一些需要你拥有最新的现代浏览器,否则你看不到任何效果,希望大家能在项目或者网站设计中使用到!大家一定会喜欢的!

Skitter

分享8个让你绝对印象深刻的具有超酷特殊过渡效果的jQuery幻灯插件

支持过渡效果: cube, cubeRandom, block, cubeStop, cubeHide, cubeSize, horizontal, showBars, showBarsRandom, tube, fade, fadeFour, paralell, blind, blindHeight, blindWidth, directionTop, directionBottom, directionRight,…

标签: slider, jquery plugin, jquery幻灯插件, jquery插件, 超棒jquery幻灯特效, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress

阅读更多

分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt

日期:2012/02/09  来源:GBin1.com

分享一款超强的辅助标签(Tag)输入及其提供自动补齐功能(autocomplete)的jQuery插件 - jQuery TextExt

在线演示  本地下载

今天我们将介绍一款非常不错的标签输入相关的jQuery插件 - jQuery TextExt,这个插件能够有效的帮助你快速添加标签,并且提供相关的强大的辅助功能,帮助你有效的输入,自动补齐提示及其提供AJAX支持。个人觉得非常不错,符合大多数情况下网站中使用标签的方式和习惯,个人感觉基本上很多网站的标签功能,都是为了实现标签功能而强行添加的标签功能,典型的从众心理,使用生硬,并且没有任何所谓的使用体验。

Javascript

$('#tags').textext({ plugins : 'tags autocomplete' })
.bind('getSuggestions', function(e, data)
{
var list = [
'Basic',
'Closure',
'Cobol',
'Delphi',
'Erlang',
'Fortran',

标签: gbin1, terry, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress, jquery plugin, jquery插件, TextExt

阅读更多

分享一个用来添加快捷键组合的javascript类库 - keyboard.js

日期:2012/02/08  来源:GBin1.com

分享一个用来添加快捷键组合的javascript类库 - keyboard.js

在线演示  本地下载

今天分享一款帮助大家在网站或者web应用中添加快捷键组合的类库 - keyboard.js,使用这个类库你可以很方便的捕捉输入键的组合,可以帮助你很好的添加相关快捷键的操作,希望大家喜欢!

主要特性:

  • 独立类库,当然也可以和其它类库组合使用,例如,jQuery
  • 字母或者字母组合绑定
  • 支持Callback回调
  • 多语言支持
  • 支持AMD加载,例如 RequireJS
  • 文档完整

Javascript:

$(document).ready(function(){ 
var gbin1 = ['g', 'b', 'i', 'n', '1'],
google = ['g', 'o', 'o', 'g', 'l', 'e'],
baidu = ['b', 'a', 'i', 'd', 'u'],
kI = 0;
document.addEventListener('keydown', function(){

标签: gbin1, ajax, browser, cms, css-html, design, flash, freebies, gadget, graphic, icon, inspiration, javascript, logo, misc, mobile, mysql, os, photography, photoshop, php, seo, template, tips, tools, trend, tutorial, typography, usability, video, wallpaper, wordpress, javascript类库, js类库, keyboard.js

阅读更多

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐