Category: JQuery Mobile
-
JQuery Mobile – Lesson 05 – Navbar – Buttons and more
JQuery Mobile – Lesson 05 – Navbar – Buttons and more Lesson 01 | Lesson 02 | Lesson 03 | Lesson 04 | Lesson 05 1. At this lesson we will continue from Lesson 03. 2. Here is the HTML Code from Lesson 03 with changes marked with RED color: A navbar will appear with two…
-
JQuery Mobile – Lesson 04 – Themes
JQuery Mobile – Lesson 04 – Themes Lesson 01 | Lesson 02 | Lesson 03 | Lesson 04 | Lesson 05 1. Here We will learn about JQuery Mobile Themes. 2. Browse to http://themeroller.jquerymobile.com/ 3. Select a Theme or click on Add Swatch to create new theme, looks at the rights side of the following picture:…
-
JQuery Mobile – Lesson 03 – Transitions
JQuery Mobile – Lesson 03 – Transitions Lesson 01 | Lesson 02 | Lesson 03 | Lesson 04 | Lesson 05 1. In continuation to Lesson 02, here you will see a demo of transitions. 2. We will use the last HTML file that has been created at the last lesson with addition of the…
-
JQuery Mobile – Lesson 02 – Switching between pages
JQuery Mobile – Lesson 02 – Switching between pages Lesson 01 | Lesson 02 | Lesson 03 | Lesson 04 | Lesson 05 1. In continuation to Lesson 01, We will learn how to switch between div pages. 2. Let’s give each page an different ID: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Page title</title>…
-
JQuery Mobile – Lesson 01 – Basic page Template
JQuery Mobile – Lesson 01 – Basic page Template Lesson 01 | Lesson 02 | Lesson 03 | Lesson 04 | Lesson 05 1. <Optional> Download JQuery Mobile from http://jquerymobile.com/download/. 2. Or just the use the following code between <head> tags of HTML document: <link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” /> <script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script> <script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script> 3. Use the following HTML5…