jQuery Mobile Adding Images and Icons

X. Final Touches: Lecture 2 | 9:10 min

Lecture Description

Feedback

Facebook Twitter

More More

Start learning today, and be successful in your academic & professional career. Start Today!

Table of Contents

I. Becoming Familiar with Mobile Websites

What Is a Mobile Website?

6m 11s

Exploring the Travel Adventures Mobile Site: iPad 2

5m 19s

Exploring the Travel Adventures Mobile Site: Mobile Phone

4m 42s

What Is jQuery Mobile?

4m 27s

jQuery vs. jQuery Mobile

4m 54s

The Supported Platform Grading System

4m 38s

jQuery Mobile Files and Versioning

9m 8s

II. Dreamweaver CS6 Course Setup

Setting Up the Course Files for Dreamweaver

3m 18s

Setting Up a Local Site

10m 27s

Dreamweaver jQuery Mobile Starters

8m 11s

jQuery Mobile Support in Dreamweaver CS6

4m 59s

III. Other HTML Editor Course Setup

Setting Up the Course Files Without Dreamweaver

5m 55s

HTML Editor Setup

4m 8s

IV. Creating Pages

HTML Pages vs. jQuery Mobile Pages

6m 55s

Planning Your Site

4m 22s

Creating a jQuery Mobile Page

3m 38s

The Elements of a jQuery Mobile Page

5m 25s

Understanding Page Code

5m 27s

Adding a Page

6m 3s

Loading and Transitioning Mobile Pages

5m 2s

V. Adding Content

Attaching an Additional Style Sheet

4m 19s

Working with List Views

5m 28s

Setting Up Pages

6m 6s

Categorizing Lists Using Dividers

9m 20s

Adding Count Bubbles

4m 52s

Adding the Back Button

12m 15s

Adding Footer Navigation Buttons

9m 33s

Adding Footer Navigation on All Pages

3m 56s

VI. Styling Content

Previewing on a Phone

2m 43s

Previewing on a Tablet

2m 42s

jQuery Mobile Built-In Themes

5m 36s

Changing Content Themes

7m 41s

Completing the Website Styling

6m 29s

VII. Setting Up jQuery Mobile Plug-Ins

What Is a Plug-In?

3m 54s

Downloading the PhotoSwipe Plug-In

6m 12s

VIII. Building the Photo Gallery

Creating the Gallery Page

8m 8s

Adding the PhotoSwipe Coding

9m 59s

Setting up the Page Sections

9m 43s

Adding the Gallery Pages

7m 41s

Adding Gallery Navigation Buttons

7m 50s

Correcting the PhotoSwipe Structure

4m 39s

Fine-Tuning the Photo Gallery

8m 44s

Viewing on the iPod Touch

3m 24s

IX. Adding a Twitter Feed

Adding a Feed Page

8m 2s

Adding a Twitter Widget

10m 23s

Testing on an iPad 2

6m 11s

X. Final Touches

Adding the Final Touches

8m 1s

Adding Images and Icons

9m 10s

Correcting for Photoswipe Images

9m 19s

Final Testing on an iPhone

2m 31s

Final Testing on a Tablet

2m 59s

Final Testing on a Windows Phone

3m 38s

This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of jQuery Mobile

Next Lecture

Previous Lecture

Discussion
Table of Contents

Please login to ask a question and view discussion.

Start Learning Now

Our free lessons will get you started (Adobe Flash^® required).
Get immediate access to our entire library.

Membership Overview

Unlimited access to our entire library of courses.
Search and jump to exactly what you want to learn.
*Ask questions and get answers from the community and our teachers!
Practice questions with step-by-step solutions.
Download lesson files for programming and software training practice.
Track your course viewing progress.
Download lecture slides for taking notes.
Learn at your own pace... anytime, anywhere!

Software Training: jQuery Mobile

I. Becoming Familiar with Mobile Websites
	What Is a Mobile Website?	6:11
	Exploring the Travel Adventures Mobile Site: iPad 2	5:19
	Exploring the Travel Adventures Mobile Site: Mobile Phone	4:42
	What Is jQuery Mobile?	4:27
	jQuery vs. jQuery Mobile	4:54
	The Supported Platform Grading System	4:38
	jQuery Mobile Files and Versioning	9:08
II. Dreamweaver CS6 Course Setup
	Setting Up the Course Files for Dreamweaver	3:18
	Setting Up a Local Site	10:27
	Dreamweaver jQuery Mobile Starters	8:11
	jQuery Mobile Support in Dreamweaver CS6	4:59
III. Other HTML Editor Course Setup
	Setting Up the Course Files Without Dreamweaver	5:55
	HTML Editor Setup	4:08
IV. Creating Pages
	HTML Pages vs. jQuery Mobile Pages	6:55
	Planning Your Site	4:22
	Creating a jQuery Mobile Page	3:38
	The Elements of a jQuery Mobile Page	5:25
	Understanding Page Code	5:27
	Adding a Page	6:03
	Loading and Transitioning Mobile Pages	5:02
V. Adding Content
	Attaching an Additional Style Sheet	4:19
	Working with List Views	5:28
	Setting Up Pages	6:06
	Categorizing Lists Using Dividers	9:20
	Adding Count Bubbles	4:52
	Adding the Back Button	12:15
	Adding Footer Navigation Buttons	9:33
	Adding Footer Navigation on All Pages	3:56
VI. Styling Content
	Previewing on a Phone	2:43
	Previewing on a Tablet	2:42
	jQuery Mobile Built-In Themes	5:36
	Changing Content Themes	7:41
	Completing the Website Styling	6:29
VII. Setting Up jQuery Mobile Plug-Ins
	What Is a Plug-In?	3:54
	Downloading the PhotoSwipe Plug-In	6:12
VIII. Building the Photo Gallery
	Creating the Gallery Page	8:08
	Adding the PhotoSwipe Coding	9:59
	Setting up the Page Sections	9:43
	Adding the Gallery Pages	7:41
	Adding Gallery Navigation Buttons	7:50
	Correcting the PhotoSwipe Structure	4:39
	Fine-Tuning the Photo Gallery	8:44
	Viewing on the iPod Touch	3:24
IX. Adding a Twitter Feed
	Adding a Feed Page	8:02
	Adding a Twitter Widget	10:23
	Testing on an iPad 2	6:11
X. Final Touches
	Adding the Final Touches	8:01
	Adding Images and Icons	9:10
	Correcting for Photoswipe Images	9:19
	Final Testing on an iPhone	2:31
	Final Testing on a Tablet	2:59
	Final Testing on a Windows Phone	3:38

jQuery Mobile Adding Images and Icons

Discussion

Table of Contents

Share this knowledge with your friends!

Copy & Paste this embed code into your website’s HTML

Start Learning Now

Membership Overview

Software Training: jQuery Mobile

Start Learning Now

Membership Overview