首页风格
门户
博客

jQuery Mobile

最新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

阅读更多

分享25个高质量的移动设备wordpress主题(Mobile theme)

wordpress毋庸置疑是占有量最大的博客管理系统。提供强大的功能和使用的主题及其自定义模块。随着移动互联网的发展,更多的人开始使用移动设备访问互联网,为了更好的迎合用户的需要,我们需要开发针对移动设备的wordpress主题,在今天的这篇文章中,我们将要介绍25个移动设备使用的wordpress主题,希望大家喜欢!

免费移动wordpress主题

FaveMobile [ 主要特性 | 在线演示 | 下载主题 ]

jQuery Mobile [ 主要特性 | 下载主题 ]

Mobius [ 主要特性 | 在线演示 | 下载主题 ]

WP Touch [ 主要特性 | 在线演示 | 下载主题 ]

SimpleBlue Mobile [ 主要特性 | 在线演示 | 下载主题 ]

SimpleBlue Mobile

iPhonsta [ 主要特性 | 在线演示 | 下载主题 ]

BuddyPress Mobile [ 主要特性 | 在线演示 | 下载主题 ]

BuddyPress Mobile

WPapptouch [ 主要特性 | 在线演示 | 下载主题 ]

WPapptouch

WordPress Mobile Theme

标签: wordpress, wordpress主题, wordpress移动主题, wordpress theme, wordpress mobile theme

阅读更多

分享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

阅读更多

使用最新版本Dojo1.7的dojox/mobile开发移动设备web应用

使用最新版本Dojo1.7的dojox/mobile开发移动设备web应用

在线演示  本地下载

随着科技的进步,越来越多的javascript类库开发出了面对移动设备的类库,例如,jQuery Mobile,Secha touch等, 随着Dojo最新版本1.7的发布,同样的也带来了Dojo版本的移动开发框架Dojox/mobile。这套框架使用基于controller和CSS3主题的架构,帮助你快速的开发智能,灵活并且跨平台的移动设备web应用。在今天我们这篇文章,将介绍如何使用Dojox/mobile来开发一个简单的移动网站应用。记得前段时间我们发布的使用jQuery创建iphone风格的导航吧, 这里我们使用dojox/mobile也实现一个类似的效果。

关于dojox/mobile

相关特性:

  • 轻量级,依赖性非常小
  • 提供了iOS,Andriod和Blackberry的主题可供你选择
  • 使用基于CSS3的动画来展示
  • 提供了iOS,Andriod和Blackberry不同风格的组件
  • 如果不支持CSS3的话,会使用javascript作为fallback 
  • 支持横竖屏幕切换
  • 完整的组件支持,无须其它
  • 新加入Dojo1.7中,最棒的地方在于能够自动侦测客户端并且显示正确的主题,当然你可以关闭这个功能
  • 新加入Dojo1.7中一些组件,提示条,悬浮窗口,组合框,可扩展textarea,分页,滑动块等,完整信息请查看:http://livedocs.dojotoolkit.org/releasenotes/1.7#mobile

主要页面结构

和一般web应用类似,dojox/mobile也精心设计了相关结构。包括:

  • DOCTYPE
  • META标签
  • Body元素 

代码结构如下:

<!DOCTYPE…

标签: dojo, dojox/mobile, dojomobile, 移动框架

阅读更多

一个基于jQuery Mobile的移动设备实时幻灯javascript类库 - taciónJS

一个基于jQuery Mobile的实时演讲javascript类库 - taciónJS

在线演示

大家有没有想过使用手机来展示你的幻灯片呢? 这种方式使得你在任何位置,比如室外,都可以方便的进行产品演示和Demo。

今天这里我们将介绍一个帮助你创建手机端演讲的javascript类库:taciónJS ,使用它可以快速方便的帮助你部署一个基于移动设备的演讲稿,你可以分享给远端的同事或者朋友,他们可以实时加载看到这个演讲稿,最酷的地方在于当你进行幻灯展示的时候,远端你的朋友的演讲稿幻灯也会和你的幻灯同步,是不是特别方便?你不需要共享任何屏幕,只需要加载同一个幻灯。

这个框架依赖于一些类库,包括:

在幻灯的右上角有一个"Sync"按钮,如果你加载在线演示的话,需要幻灯的演讲者控制幻灯播放你才可以看到效果,所以需要你需要自己查看幻灯效果,请关闭它,如下图:

同步状态,这时候需要幻灯演讲者控制播放。…

标签: 移动幻灯js, 移动实时幻灯, mobile js类库, taciónJS

阅读更多

使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

在线演示

jQuery Mobile是一个非常不错的移动端网站应用的解决方案,很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用,在过去的GBin1博客文章中,我们曾经使用jQuery Mobile利用RSS订阅生成过一个简单的RSS阅读手机端,在今天的教程中,我们将讲解如何将GBin1网站完整的转化为一个全功能的移动端网站,主要的技术使用jQuery Mobile和Java的SiteMesh布局类库

系统设计分析

在我们正式的开始开发之前,我们需要大概的分析一下如何设计Mobile网站,很多网站的移动端应用和网站的内容是分离的,也就是说,桌面访问网站和移动设备访问网站的路径是不同的。

  • 好处是可以分别开发独立的功能,我们可以针对移动端的用户设计独立的UI,展现方式,或者使用方式,往往对于比较大型的网站或者已经上线很久的网站这样设计成本比较低。
  • 坏处是你需要独立的维护两套代码,无形的增加了开发成本和维护成本 

在我们GBin1的移动设备网站开发中,我们本着尽量维护同一套代码的原则,希望能够直接重用网站的页面内容和框架。值得一提的是,GBin1架构使用Sitemesh的模板布局功能来生成页面的不同样式和布局,而相关的页面内容及其附属功能,例如,留言等等都是由静态页面或者功能模块生成,这样的设计使得我们可以利用已经存在的页面内容花最小的代价来创建新的移动设备模板,因而可以快速的生成新的移动端web应用,而且整体结构及其阅读使用方式将会和网站本身的使用方式类似,降低了用户的学习成本。

如何实现?

为了让系统能够自动处理应用不同的模板,这里我们使用了一个小技巧:

我们创建一个2级域名,…

标签: jQuery mobile, jQuery, mobile website, 移动网站

阅读更多

推荐12款最新的jQuery Mobile移动应用

网络上与jQuery Mobile相关的网站有上百个。从这些网站中,我们精心挑选了12款最新的移动应用设计给大家做为参考。希望大家支持!

Ryland Homes

推荐12款最新的jQuery Mobile移动应用

Slideshare

推荐12款最新的jQuery Mobile移动应用

Stanford

推荐12款最新的jQuery Mobile移动应用

Take Me Fishing

推荐12款最新的jQuery Mobile移动应用

Moulin Rouge

推荐12款最新的jQuery Mobile移动应用

American Century

推荐12款最新的jQuery Mobile移动应用

Rugby World Cup

推荐12款最新的jQuery Mobile移动应用

Box.net

推荐12款最新的jQuery Mobile移动应用

Disney World

推荐12款最新的jQuery Mobile移动应用

OpenTable

推荐12款最新的jQuery Mobile移动应用

Khan Academy

推荐12款最新的jQuery Mobile移动应用

Ikea Sweden

推荐12款最新的jQuery Mobile移动应用

标签: jquery, jquery mobile, jQuery移动应用, 移动应用设计

阅读更多

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

jQuery很棒,但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理,为什么要使用如此复杂并且臃肿的类库呢?

对于手机或者移动客户端来说,这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度,仍旧还是需要时间的。最具性感的jQuery特性 - 浏览器的兼容性,对于手机来说,也太重量级。为什么需要你的应用支持那些进入博物馆的浏览器呢? 要知道我们只需要在iOS和Android系统上使用啊!

开发问题

这里有更多等待解决的问题。 jQuery的动画处理方式是间隔方式修改一个元素的CSS样式属性。这在大多数的桌面浏览器中处理没有问题,但是在移动设备上效率很低。

纯CSS动画实现的方式相反来说更加迅速并且顺畅。

zepto.js

这个类库可能是最丰富的手机设备iOS和android开发类库(都使用webit引擎)。保持了几乎所有的jQuery功能,只有8kb并且添加了对于触摸设备的支持,并且纯CSS的动画效果。而且支持模块化,你可以选择你需要的功能来开发应用。

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

标签: jquery, jquery mobile, 移动开发js类库

阅读更多

下一页

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

?ü?à

今日推荐