What Is jQuery Mobile?

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.
(more…)

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

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.

(more…)

jquerymobile.jp

Hack: Creating A Tablet Split View For jQuery Mobile

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.

(more…)

jquery

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

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.
(more…)

jquerymobile.jp

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

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.

(more…)

jquery

jQuery Mobile Forms Part 2

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.

(more…)

HTML5_Logo_256

What Is HTML5?

What is HTML5? If you haven’t heard of it by now, then you are for sure living under a rock. With the recent release of Amazons HTML5 kindle reader and linkedin’s new HTML5 interface, everyone from CNN to Foxnews is talking about it. So What is it? As a newb you’re still smarter than the average person. So this quick “What is” video will tell you.. Well.. What is HTML5?

(more…)