首页

关于

最新jQuery Mobile 1.2版本新特性

最新jQuery Mobile 1.2版本新特性

大家还记得在jQuery 1.0 RC版本发布的时候我们曾经发布过一个jQuery Mobile RC版本介绍文章介绍主要的特性。就在前不久,jQuery Mobile团队又发布了jQuery Mobile 1.2。新版本中带来了一些非常不错的特性。在今天的这篇文章中我们将继续介绍1.2版本的一些新的widget,及其一些针对老版本widget的功能加强。希望大家喜欢!

Widgets

jQuery Mobile最核心的地方就在于widgets。提供了与用户交互的界面。在最新的版本中,加入了一个全新的widget:popup modal。

Popups (弹出层)

弹出层是一个覆盖于页面其它内容的小的区域。可以用来设计提示栏,显示照片,地图或者其它内容。在jQuery mobile 1.2中,实现了这个超棒的widgets。

在本篇文章中,我们将使用如下代码框架来演示代码:

<!DOCTYPE html>
<html>
<head>

标签: jQuery, jquery mobile, mobile, jqm

阅读更多

分享11个超棒的移动应用(mobile apps)开发解决方案

如果你问我是不是一个好的时机开发超棒的移动应用了?我得说:当然!

随着不同技术和类库的发展,很多移动应用解决方案浮出水面,在今天这篇文章中,我们将看看11个超棒的跨平台移动应用解决方案和工具。希望大家喜欢!

Sencha Touch 2

分享11个超棒的移动应用(mobile apps)开发解决方案

如果你对于HTML5,CSS3和Javascript比较熟悉的话,那么Sencha Touch 2可能对于你来说就是一个开发iphone,android和blackberry的不错的选择。

sencha touch 2需要安装到你的PC(支持PC,Mac和Linux)。同时你需要一个本地的web服务器安装到你的PC中(这里有个文档可以帮助你: how to install XAMMP

如果需要你可以访问 Kitchen Sink app 来看看实际的效果。

Sencha Touch 2 总结

  • 技术需求:HTML,CSS,Javascript,一般web开发知识
  • 平台支持:iOS,Android,BlackBerry
  • 成本投入:免费(under…

标签: 移动应用, 移动, mobile, mobile apps, mobile应用, mobile solution

阅读更多

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

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.