Index
A
- accelerometer API / HTML as a native application
- accordion / Working with collapsible content
- addFeed function / Storing our feeds
- addFeed method / Adding an RSS feed
- addNote() function / Collecting and storing the data, Dynamically adding notes to our listview
- Add Note feature
- building / Building the Add Note feature
- bindings function, adding / Adding bindings
- data, storing / Collecting and storing the data
- data, collecting / Collecting and storing the data
- add note wireframe
- designing / Designing the add note wireframe
- Adobe® Kuler®
- about / What's ThemeRoller?
- AJAX / What jQuery Mobile does with forms
- alert() function / Adding an RSS feed
- allowSamePageTransition option / Page methods and utilities
- Apache Cordova / HTML as a native application
- API, PhoneGap
- about / HTML as a native application
- app.checkForStorage() function / Dynamically adding notes to our listview
- app.getNotes() method / Dynamically adding notes to our listview
- app variable
- autodividers
- about / Autodividers
B
- back button
- working with / Working with back buttons
- adding / Working with back buttons
- background-size property / Adding our custom icon
- Balsamiq Mockups
- URL / Building your wireframes
- bars
- about / Bars (.ui-bar-?)
- bind() function / Using the .on() method
- bindings() function / Using the .on() method, Deleting a note
- bindings function
- adding / Adding bindings
- boilerplate
- about / Effective use of boilerplates
- border-radius
- about / Border-radius
- box-shadows
- about / Using box-shadow
- using / Using box-shadow
- button() method / jQuery Mobile widget and form utilities
- buttons
C
- callback / Dynamically creating a new page
- camera API / HTML as a native application
- change event
- pagebeforechange / Handling page events
- pagechange / Handling page events
- pagechangefailed / Handling page events
- changeHash option / Page methods and utilities
- changePage API / Adding an RSS feed
- checkboxes
- working, with form / Working with radio buttons and checkboxes
- ColdFusion
- about / Before you begin
- URL, for downloading / Before you begin
- collapsible content
- working with / Working with collapsible content
- Column Toggle feature
- enabling / Responsive tables
- compass API / HTML as a native application
- configuration, jQuery Mobile
- JavaScript used / Configuring jQuery Mobile
- connection API / HTML as a native application
- URL / Going further
- contacts API / HTML as a native application, Adding PhoneGap functionality
- URL, for documentation / Adding PhoneGap functionality
- URL / Going further
- content
- prefetching / Prefetching content
- laying out / Laying out content with grids
- content blocks
- about / Content blocks (.ui-body-?)
- Content Delivery Network (CDN)
- about / Getting jQuery Mobile
- count bubbles
- lists, creating with / Creating lists with count bubbles
- CSS 3 / The visual building blocks of jQuery Mobile
- CSS gradients / CSS gradients
- CSS gradients, options
- linear gradients / CSS gradients
- radial gradients / CSS gradients
- custom icon
- designing / Designing your first icon
- adding, Notekeeper appl / Adding our custom icon
- customization, jQuery Mobile
- about / Additional customization
- page title / Page titles
- content, prefetching / Prefetching content
- page transitions, modifying / Changing page transitions
- custom theme
- creating / Creating and using a custom theme
- using / Creating and using a custom theme
- adding, Notekeeper app / Adding our custom theme
D
- $(document).ready / What about $(document).ready?
- <div> wrapper
- data
- collecting / Collecting and storing the data
- storing / Collecting and storing the data
- data() function / Deleting a note
- data-add-back-btn attribute / Working with back buttons
- data-column-btn-text attribute / Responsive tables
- data-content-theme attribute / Working with collapsible content
- data-href attribute / Deleting a note
- data-icon attribute
- about / Icon sneak peak
- data-position-to attribute / Popups
- data-position attribute / Working with panels
- data-ray attribute
- about / Working with data attributes
- data-rel attribute / Working with back buttons, Creating dialogs, Popups, Working with panels
- data-role attribute / Working with collapsible content
- data-theme attribute / Mixing and matching swatches
- data attributes
- about / Working with data attributes
- using / Working with data attributes
- database / Storing Notekeeper data
- data option / Page methods and utilities
- dataUrl option / Page methods and utilities
- default icons
- about / Default icons
- delete button wireframe
- deleteNote() function / Deleting a note
- deserialization
- about / Using localStorage
- design pattern
- device API / HTML as a native application
- deviceready event / Adding PhoneGap functionality
- dialog
- creating / Creating dialogs
- about / Creating dialogs
- dialogs
- differentiating, with popups / Popups
- displayFeeds function
- about / The displayFeeds function
- displayNote() function / Using the .on() method
- displayNotes() function / Building the Display Notes feature, Dynamically adding notes to our listview
- Display Notes feature
- building / Building the Display Notes feature
- div attribute / Slider fields
- div tag / Adding headers, Working with footers, Creating fixed and full-screen headers and footers, Working with navigation bars, Persisting navigation bar footers across multiple pages, Working with radio buttons and checkboxes, Laying out content with grids, Working with collapsible content, Popups, Working with panels, Dynamically creating a new page, jQuery Mobile widget and form utilities
- div wrapper
- about / The home page
- DOM
- about / Working with data attributes
- Download Builder tool
- used, for downloading jQuery Mobile / Customized downloads
- URL / Customized downloads
- drop shadows
- about / Applying drop shadows
- applying / Applying drop shadows
- text shadows / Applying drop shadows
- box shadows / Applying drop shadows, Using box-shadow
E
- echo.cfm template / What jQuery Mobile does with forms
- entry view
- creating / Creating the entry view
- events
- physical events / Working with physical events
- page events / Handling page events
- events API / HTML as a native application
F
- feed
- storing / Storing our feeds
- adding / Adding an RSS feed
- viewing / Viewing a feed
- feed API
- URL / Viewing a feed
- fieldcontain wrapper / What jQuery Mobile does with forms
- fieldset tag / Working with radio buttons and checkboxes, Working with select menus
- file
- multiple pages, adding / Adding multiple pages to one file
- five-column grids / Laying out content with grids
- fixed footers
- fixed headers
- flip toggle fields
- about / Search, toggle, and slider fields
- creating / Flip toggle fields
- footers
- working with / Working with footers
- persisting / Persisting navigation bar footers across multiple pages
- footer text
- about / Working with footers
- form
- radio buttons, working / Working with radio buttons and checkboxes
- checkboxes, working / Working with radio buttons and checkboxes
- select menus, working / Working with select menus
- search fields, using / Search fields
- flip toggle fields, creating / Flip toggle fields
- forms
- jQuery Mobile, working with / What jQuery Mobile does with forms
- slider fields, enabling / Slider fields
- mini fields, working with / Working with the mini fields
- form utilities, jQuery Mobile / jQuery Mobile widget and form utilities
- four-column grids / Laying out content with grids
- full-screen footers
- full-screen headers
- functionalities
- adding to Notekeeper app, with JavaScript / Adding functionalities with JavaScript
G
- geolocation API / HTML as a native application
- getFeeds function / Storing our feeds
- globalization API / HTML as a native application
- grids
- about / Laying out content with grids
- two-column / Laying out content with grids
- three-column / Laying out content with grids
- four-column / Laying out content with grids
- five-column / Laying out content with grids
- content, laying out / Laying out content with grids
H
- headers
- adding / Adding headers
- high resolution
- about / High and low resolution
- home page
- about / The home page
- hotel
- finding / Finding the hotel
- contacting / Contacting the hotel
- hotel mobile site
- features / Welcome to Hotel Camden
- home page / The home page
- hotel, finding / Finding the hotel
- hotel rooms, listing / Listing the hotel rooms
- hotel, contacting / Contacting the hotel
- hotel mobile website
- building / Welcome to Hotel Camden
- hotel rooms
- listing / Listing the hotel rooms
- href attribute / Using the .on() method
- HTML
- writing / Writing the HTML
- native application, creating from / HTML as a native application
- HTML page
- building / Building an HTML page
I
- icon
- specifying / Icon sneak peak
- icons
- using / Using thumbnails and icons
- init() function / Adding bindings, Dynamically adding notes to our listview
- init event
- pagebeforecreate / Handling page events
- pagecreate / Handling page events
- pageinit / Handling page events
- init function / Creating the RSS Reader application
- init method / Adding an RSS feed
- inset keyword / Using box-shadow
- inset lists
- about / Creating inset lists
- creating / Creating inset lists
J
- JavaScript
- functionalities, adding to Notekeepre app / Adding functionalities with JavaScript
- used, for configuring jQuery Mobile / Configuring jQuery Mobile
- JavaScript Object Notation (JSON) / Creating a real example
- jQuery library
- URL / Getting jQuery Mobile
- jQuery Mobile
- about / Getting jQuery Mobile
- URL, for downloading / Getting jQuery Mobile
- downloading, Download Builder tool used / Customized downloads
- implementing / Implementing jQuery Mobile
- data attributes, using / Working with data attributes
- multiple pages, adding to file / Adding multiple pages to one file
- links, modifying / jQuery Mobile, links, and you
- URLs, updating / jQuery Mobile and URLs
- NavBars, working with / Working with navigation bars
- hotel mobile website, building / Welcome to Hotel Camden
- working, with form / What jQuery Mobile does with forms
- dialog, creating / Creating dialogs
- grids / Laying out content with grids
- collapsible content, working with / Working with collapsible content
- popups, creating / Popups
- responsive table, creating / Responsive tables
- panel widget, working with / Working with panels
- configuring, JavaScript used / Configuring jQuery Mobile
- configuration options / Configuring jQuery Mobile
- utilities, using / Using jQuery Mobile utilities
- page method / Page methods and utilities
- page utilities / Page methods and utilities
- widget / jQuery Mobile widget and form utilities
- form utilities / jQuery Mobile widget and form utilities
- building blocks / The visual building blocks of jQuery Mobile
- border-radius / Border-radius
- drop shadows, applying / Applying drop shadows
- CSS gradients / CSS gradients
- theming / The basics of jQuery Mobile theming
- RSS Reader application, creating / Creating the RSS Reader application
- jQuery Mobile pages
- headers, adding / Adding headers
- icon, specifying / Icon sneak peak
- back buttons, working with / Working with back buttons
- footers, working with / Working with footers
- fixed headers, creating / Creating fixed and full-screen headers and footers
- fixed footers, creating / Creating fixed and full-screen headers and footers
- full-screen footers, creating / Creating fixed and full-screen headers and footers
- full-screen headers, creating / Creating fixed and full-screen headers and footers
L
- layout event
- updatelayout / Handling page events
- linear gradients / CSS gradients
- links
- modifying / jQuery Mobile, links, and you
- list dividers
- creating / Creating list dividers
- lists
- creating / Creating lists
- features / Working with list features
- inset lists, creating / Creating inset lists
- list dividers, creating / Creating list dividers
- autodividers / Autodividers
- creating, with count bubbles / Creating lists with count bubbles
- icons, using / Using thumbnails and icons
- thumbnails, using / Using thumbnails and icons
- split button list, creating / Creating split button lists
- search filter, using / Using a search filter
- listview
- notes, adding to / Dynamically adding notes to our listview
- listview() function / Dynamically adding notes to our listview
- listview method / jQuery Mobile widget and form utilities
- listviews
- li template / Using the .on() method
- load event
- pagebeforeload / Handling page events
- pageload / Handling page events
- pageloadfailed / Handling page events
- loadNote() function / Dynamically creating a new page
- localStorage / Storing Notekeeper data
- used, for storing Notekeeper data / Using localStorage
- low-resolution icon
- creating, steps / Designing your first icon
- low resolution
- about / High and low resolution
M
- $.mobile.activePage property / Page methods and utilities
- $.mobile.changePage(page,options) method / Page methods and utilities
- $.mobile.loadPage(page,options) / Page methods and utilities
- $.mobile.navigate(url, data) / Page methods and utilities
- $.mobile.path.get() function / Path and URL-related utilities
- $.mobile.path.isAbsoluteUrl function / Path and URL-related utilities
- $.mobile.path.isRelativeUrl function / Path and URL-related utilities
- $.mobile.path.makeUrlAbsolute() function / Path and URL-related utilities
- main.js file / Creating the RSS Reader application, Adding an RSS feed, Viewing a feed, Creating the entry view
- matching swatches
- about / Mixing and matching swatches
- media API / HTML as a native application
- mini fields
- working with / Working with the mini fields
- mixing swatches
- about / Mixing and matching swatches
- mobile application
- about / What is a mobile application?
- reference link / What is a mobile application?
- mobile device
- resolution / High and low resolution
- mobileinit event / Configuring jQuery Mobile
- multiple files
- working with / Working with multiple files
- multiple pages
- adding, to file / Adding multiple pages to one file
N
- namespace
- native application
- creating / HTML as a native application
- creating, from HTML / HTML as a native application
- native form controls
- using / Using native form controls
- NavBars
- working with / Working with navigation bars
- about / Working with navigation bars
- footers, persisting across multiple pages / Persisting navigation bar footers across multiple pages
- network API / HTML as a native application
- new page
- creating / Dynamically creating a new page
- newPage variable / Dynamically creating a new page
- Notekeeper app
- designing / Designing your first mobile application
- requisites, listing / Listing out the requirements
- wireframe, building / Building your wireframes
- add note wireframe, designing / Designing the add note wireframe
- notes wireframe, displaying / Display notes wireframe
- view note wireframe / View note/delete button wireframe
- delete button wireframe / View note/delete button wireframe
- HTML, writing / Writing the HTML
- functionalities, adding to / Adding functionalities with JavaScript
- custom icon, designing / Designing your first icon
- updating / Updating the Notekeeper app
- custom theme, adding / Adding our custom theme
- custom icon, adding / Adding our custom icon
- Notekeeper data
- storing / Storing Notekeeper data
- storing, localStorage used / Using localStorage
- Notekeeper data, storing
- pros and cons / Storing Notekeeper data
- database / Storing Notekeeper data
- text file / Storing Notekeeper data
- localStorage / Storing Notekeeper data
- note object / Dynamically creating a new page
- notes
- adding, to listview / Dynamically adding notes to our listview
- viewing / Viewing a note
- viewing, on() method used / Using the .on() method
- deleting / Deleting a note
- notesObj variable / Collecting and storing the data, Building the Display Notes feature
- notes wireframe
- displaying / Display notes wireframe
- notification API / HTML as a native application
O
- on() method
- used, for viewing notes / Using the .on() method
- orientationchange event / Working with physical events
P
- pagebeforechange event / Handling page events
- pagebeforecreate event / Handling page events, Creating a real example
- pagebeforehide event / Handling page events
- pagebeforeload event / Handling page events
- pagebeforeshow event / Handling page events, Creating a real example
- pagechange event / Handling page events
- pagechangefailed event / Handling page events
- pageContainer option / Page methods and utilities
- pagecreate event / Handling page events, Creating the RSS Reader application
- page events
- about / Handling page events
- load event / Handling page events
- change event / Handling page events
- init event / Handling page events
- remove event / Handling page events
- layout event / Handling page events
- $(document).ready / What about $(document).ready?
- real example / Creating a real example
- pagehide event / Handling page events
- pageinit event / Handling page events
- pageInit event / What about $(document).ready?
- pageload event / Handling page events
- pageloadfailed event / Handling page events
- page method, jQuery Mobile
- about / Page methods and utilities
- pageremove event / Handling page events
- pageshow event / Handling page events, Viewing a feed
- page title
- about / Page titles
- page transitions
- modifying / Changing page transitions
- page utilities, jQuery Mobile
- about / Page methods and utilities
- page variable / Dynamically creating a new page
- panel widget
- working with / Working with panels
- parse() function
- about / Using localStorage
- path-related utilities
- about / Path and URL-related utilities
- path-related utilities, jQuery Mobile
- about / Path and URL-related utilities
- people.json file / Creating a real example
- PhoneGap
- URL / What is a mobile application?, HTML as a native application
- native application, creating, from HTML / HTML as a native application
- API / HTML as a native application
- PhoneGap Build service
- about / Working with PhoneGap
- URL / Working with PhoneGap
- PhoneGap Docs
- URL / Working with PhoneGap
- PhoneGap functionality
- adding / Adding PhoneGap functionality
- PhoneGap project
- creating / Working with PhoneGap
- physical events
- about / Working with physical events
- taphold / Working with physical events
- tap / Working with physical events
- swipe / Working with physical events
- swipeleft / Working with physical events
- swiperight / Working with physical events
- scrollstart / Working with physical events
- scrollstop / Working with physical events
- orientationchange / Working with physical events
- vclick / Working with physical events
- vmousedown / Working with physical events
- vmouseup / Working with physical events
- vmousemove / Working with physical events
- vmousecancel / Working with physical events
- vmouseover / Working with physical events
- plugin API
- URL / Going further
- popups
- position property
R
- radial gradients / CSS gradients
- radio buttons
- working, with form / Working with radio buttons and checkboxes
- refresh keyword / Dynamically adding notes to our listview
- reloadPage option / Page methods and utilities
- remove event
- pageremove / Handling page events
- removeFeed function / Storing our feeds
- replace function / Building the Display Notes feature
- replace method / Collecting and storing the data
- resolution
- about / High and low resolution
- high resolution / High and low resolution
- low resolution / High and low resolution
- concerns / Resolution independence
- responsive grids
- making / Making responsive grids
- responsive table
- creating / Responsive tables
- reverse option / Page methods and utilities
- role option / Page methods and utilities
- RSS
- about / RSS Reader – the application
- RSS Reader application
- about / RSS Reader – the application
- creating / Creating the RSS Reader application
- displayFeeds function / The displayFeeds function
- feed, storing / Storing our feeds
- feed, adding / Adding an RSS feed
- feed, viewing / Viewing a feed
- entry view, creating / Creating the entry view
S
- scrollstart event / Working with physical events
- scrollstop event / Working with physical events
- search fields
- about / Search fields
- using / Search fields
- search filter
- using / Using a search filter
- select menus
- working, with form / Working with select menus
- self-executing function
- serialization
- about / Using localStorage
- showLoadMsg option / Page methods and utilities
- site-wide active state
- about / Site-wide active state
- slider fields
- about / Search, toggle, and slider fields, Slider fields
- enabling / Slider fields
- split-icon attribute / Creating split button lists
- split button list
- creating / Creating split button lists
- Static Maps
- URL / Finding the hotel
- storage API / HTML as a native application
- stringify() function
- about / Using localStorage
- stringify function / Storing our feeds
- structure.css file / Adding our custom theme
- swipe event / Working with physical events
- swipeleft event / Working with physical events
- swiperight event / Working with physical events
T
- tap event / Working with physical events
- taphold event / Working with physical events
- tester application
- about / Path and URL-related utilities
- Text file / Storing Notekeeper data
- text shadows
- about / Using text-shadow
- using / Using text-shadow
- ThemeRoller
- URL / What's possible?, Creating and using a custom theme
- about / What's ThemeRoller?
- using / Using ThemeRoller
- theming, jQuery Mobile
- about / The basics of jQuery Mobile theming
- bars / Bars (.ui-bar-?)
- content blocks / Content blocks (.ui-body-?)
- buttons / Buttons and listviews (.ui-btn-?)
- listviews / Buttons and listviews (.ui-btn-?)
- matching swatches / Mixing and matching swatches
- mixing swatches / Mixing and matching swatches
- site-wide active state / Site-wide active state
- default icons / Default icons
- three-column grids / Laying out content with grids
- thumbnails
- using / Using thumbnails and icons
- transition event
- pagebeforeshow / Handling page events
- pageshow / Handling page events
- pagebeforehide / Handling page events
- pagehide / Handling page events
- pagebeforeload / Handling page events
- pagebeforechange / Handling page events
- transition option / Page methods and utilities
- two-column grids / Laying out content with grids
- type option / Page methods and utilities
U
- ui-icon prefix / Adding our custom icon
- updatelayout event / Handling page events
- URL-related utilities
- about / Path and URL-related utilities
- URL-related utilities, jQuery Mobile
- about / Path and URL-related utilities
- URLs
- updating / jQuery Mobile and URLs
- utilities
- using / Using jQuery Mobile utilities
V
- val() function / Adding bindings
- vclick event / Working with physical events
- vendor prefixes
- about / Border-radius
- view note wireframe
- vmousecancel event / Working with physical events
- vmousedown event / Working with physical events
- vmousemove event / Working with physical events
- vmouseover event / Working with physical events
- vmouseup event / Working with physical events
W
- Web 2.0 / The visual building blocks of jQuery Mobile
- widget, jQuery Mobile / jQuery Mobile widget and form utilities
- wireframe
- building / Building your wireframes