Archive - jQuery Mobile RSS Feed

jQuery Mobile Development Guide

April 16, 2012 in HTML5 Mobile Apps, HTML5 Web Apps, jQuery, jQuery Mobile, Mobile Development, Video Tutorials, Web Development with 4 Comments

jQuery Mobile has rocked the web with an easy way of quickly developing mobile applications. Not just mobile web apps but using PhoneGap you can build native applications that can be downloaded in the available app stores. jQuery Mobile can be as flexible as you want it to be, but out of the box it’s built to quickly launch your applications with pre-built design templates or using the jQuery Mobile theme roller.

Below is a detailed plan that will help you learn jQuery Mobile and all the possibilities. Use it as a reference guide when your looking to figure something out or trying to determine if there is something you can do in jQuery Mobile. If your looking for a tut that is not here, please request it in the comments and we’ll look into making it.

jQuery Mobile 1.1 tuts coming soon
(Continue)

What Is jQuery Mobile?

February 28, 2012 in HTML5 Mobile Apps, jQuery, jQuery Mobile, Mobile Development with 0 Comments

jQuery Mobile is a software framework that allows you to create HTML5 and JavaScript based web applications with little need for software development experience. jQuery Mobile does the “heavy lifting” software development for you and allows you to immediately start developing web based applications with just a few lines of code. jQuery Mobile provides API integration into its software which gives greater control to you, the software developer, while building applications.
(Continue)

Create A Split Or Tablet View With jQuery Mobile And Media Queries

February 17, 2012 in CSS, HTML5 Mobile Apps, jQuery, jQuery Mobile, Mobile Development with 1 Comment

How do you make a split view in jQuery Mobile, much like the jQuery Mobile docs? Easy! In fact this screencast will walk you through the process of using CSS media queries to create a jQuery Mobile split view. Media Queries are useful when it comes to determining the layout of a site or app, and are used in responsive web design. They give you the ability to build one site or app for multiple screens at a single time and our jQuery site will show you how it’s done.

(Continue)

Hack: Creating A Tablet Split View For jQuery Mobile

February 10, 2012 in HTML5 Web Apps, jQuery, jQuery Mobile, Mobile Development with 4 Comments

We are calling this screencast a hack because jQuery Mobile doesn’t have its own method to create a split view. The closest solution allows you to create grids, which is what we covered in this screencast. In this screencast we are going to look at the jquerymobile.com source and grab the CSS that is created on the jQuery Mobile Docs to create the split view. Of course, just as jQuery Mobile did, you can create your own CSS for your apps. However, we are going to just copy the source and implement into a simple app for a quick solution.

(Continue)

Create An Add To Home Screen Popup For HTML5 Or jQuery Mobile

January 26, 2012 in HTML5 Mobile Apps, HTML5 Web Apps, JavaScript, jQuery Mobile, Mobile Development, Video Tutorials with 1 Comment

Ever see those neat little “Click here to add this web app to your home screen” popups while visiting places like YouTube? It’s a great tool, and really simple to add to your jQuery Mobile or Mobile web app. In this screencast we will learn how to use a simple JS library called add2home.js and its customization configurations to add the popup add to home screen to our IOS web apps.

(Continue)

Creating An iOS User Agent Mobile Browser Simulator

January 20, 2012 in Apple, Getting Started, HTML5 Mobile Apps, HTML5 Web Apps, jQuery Mobile, Mobile Development, Tips, Video Tutorials with 1 Comment

Many mobile web app developers don’t have access to the traditional iPhone simulator. In this screencast, I’ll show you two ways to create your own mobile test browser. This allows the user agent on the browser to identify as a mobile device. This is important because you may want to test how your website acts between mobile/desktop, and AdMob also requires the mobile user agent to be identified before displaying mobile ads. We will also look at how to change the Safari user agent.

(Continue)

jQuery Mobile: Default Back Button, silentScoll(), and another look at swipe

January 13, 2012 in JavaScript, jQuery, jQuery Mobile, Mobile Development, Video Tutorials with 1 Comment

We’re diving into part 2 of our advanced jQuery Mobile topics. We will cover a few APIs at a time to really help you understand things. We are going to look at the default back button settings and how to implement them. Also, we are going to take another look at the swipe API. Finally, we will run into an instance where we need to use the pageinit function again. This will really help you learn jQuery Mobile APIs that are important.
(Continue)

jQuery Mobile Advanced Topics: changePage, pageInit, and Swipe API

January 10, 2012 in JavaScript, jQuery, jQuery Mobile, Mobile Development, Video Tutorials with 6 Comments

It’s time to dive into the jQuery Mobile API. In this screencast we will learn how to use the $.mobile.changePage, pageInit, and Swipe events. We will also use regular jQuery with jQuery Mobile to create a list element app that allows you to navigate by swiping on the list item you wish to open. Our entire app will be built using the APIs. You will also learn how to load your JavaScript AFTER the native Ajax of jQuery Mobile loads your page.

(Continue)

Create A jQuery Mobile WordPress RSS Reader For Your Site

January 1, 2012 in JavaScript, jQuery, jQuery Mobile, Mobile Development, Video Tutorials, WordPress with 46 Comments

In this screencast we will walk you through using Yahoo Query Language (YQL) in order to pull your WordPress RSS feed and parse it into a jQueryMobile web app. We will grab the thumbnail, link, title, and description in our app. And, we will also create a detail page to read the detail description that is given from the RSS feed.
Thank you to storbo726 for requesting this screencast!

(Continue)

jQuery Mobile Forms Part 2

November 24, 2011 in jQuery, jQuery Mobile, Mobile Development, Video Tutorials with 3 Comments

This screencast is the second part of our jQuery Mobile forms example. We are going to pull in the main elements from the jQuery Mobile documentation and build a working form. We will pass the data from the jQuery Mobile form page to the result page and display the results with PHP. The source is available via the “download” link and also on Git Hub.

(Continue)

Page 1 of 3123»