HTML5 Mobile

Name: HTML5 Mobile | Pocket Primer
Brand: Mercury Learning and Information
Price: 17.49 EUR
Availability: OnlineOnly

Pocket Primer

Oswald Campesato(Autor*in)

Mercury Learning and Information (Verlag)

1. Auflage

Erschienen am 14. Dezember 2013

200 Seiten

E-Book

ePUB mit Adobe-DRM

Systemvoraussetzungen

978-1-938549-27-4 (ISBN)

17,49 €inkl. 7% MwSt.

Systemvoraussetzungen

für ePUB mit Adobe-DRM

E-Book Einzellizenz

Als Download verfügbar

Beschreibung

Weitere Details

Weitere Ausgaben

Person

Inhalt

Cover
Title
Copyright
Dedication
Contents
Preface
About the Technical Editor
Chapter 1: HTML5 and Mobile
What Is HTML5?
Browser Support for HTML5
HTML5 and Various Working Groups
HTML5 Specifications: W3C or WHATWG?
What Technologies are Included in HTML5?
Differences between HTML4 Tags and HTML5 Tags
Useful Online Tools for HTML5 Development
Modernizr
Caniuse
Using Feature Detection in HTML Web Pages
A Simple HTML5 Web Page
New HTML5 Elements
Semantic Markup HTML5 Elements
Article Versus Section: How Are They Used?
Why Use Semantic Markup?
A Simple Web Page with Semantic Markup
Custom Data Attributes in HTML5
The HTML5 Template Element
HTML5 Web Components
HTML5 Web Components Libraries
Additional New Functionality in HTML5
HTML5 Validators
HTML5 WAI ARIA
HTML5 APIs in Experimental Status
Other Upcoming HTML5 Features
WebP Image Format
Mobile Support for HTML5
Additional Code Samples on the DVD
Summary
Chapter 2: Storage, Databases, Geolocation, and Offline Apps
Using HTML5 Web Storage
HTML5 Web Storage Versus Cookies
HTML5 Web Storage and Security
An Example of HTML5 Local Storage
HTML5 Web Databases
HTML5 Web Storage Versus IndexedDB
Web Database and Mobile Devices
Geolocation
Obtain a User's Position with getCurrentPosition()
Track a User's Position with watchPosition()
HTML5 Offline Web Applications
The Manifest File
Detecting Online and Offline Status
Summary
Chapter 3: Introduction to CSS3
CSS3 Support
Browser-Specific Prefixes for CSS3 Properties
Quick Overview of CSS3 Features
CSS3 Pseudo Classes, Attribute Selection, and Relational Symbols
CSS3 Pseudo Classes
CSS3 Attribute Selection
CSS3 Shadow Effects and Rounded Corners
Specifying Colors with RGB and HSL
CSS3 and Text Shadow Effects
CSS3 and Box Shadow Effects
CSS3 and Rounded Corners
CSS3 Gradients
Linear Gradients
CSS3 2D Transforms
Rotate Transforms
Prebuilt CSS Stylesheets: reset.css and normalize.css
Summary
Chapter 4: Meta Tags and Media Queries
The viewport Meta Tag
The @import Statement in CSS3
Modularization and Performance
Scoped CSS Stylesheets (Experimental)
What Are CSS3 Media Queries?
Detecting Screen Resolution with CSS3 Media Queries
Detecting Screen Orientation with CSS3 Media Queries
Detecting Orientation with Simple JavaScript
Detecting Device Orientation in 3D using JavaScript
Detecting Screen Width and Height
CSS3 Media Queries for Multiple Screen Sizes
CSS3 Frameworks and Toolkits
CSS3 Performance
Switching to Fullscreen Mode (Limited Support)
CSS3 Media Query Listeners (IE10 Only)
Useful Links
Summary
Chapter 5: HTML5 Mobile Apps with PhoneGap
HTML5/CSS3 and Android Applications
SVG and Android Applications
HTML5 Canvas and Android Applications
What Is PhoneGap?
How Does PhoneGap Work?
Software Dependencies for PhoneGap 3.0
Creating Android Hybrid Applications with PhoneGap 3.0
Creating iOS Hybrid Applications with PhoneGap 3.0
Working with HTML5, PhoneGap, and iOS
A CSS3 Cube on iOS Using PhoneGap
Firefox OS for Hybrid Mobile Apps
Other Toolkits and Frameworks for Hybrid Mobile Apps
Hybrid HTML5 Mobile Applications for Google Glass
How Does Google Glass Work?
Supported HTML5 Tags
Unsupported HTML5 Tags
Deploying Android Apps to Google Glass
Displaying Google Glass in an Emulator
Other Useful Links for Google Glass
Other Google Glass Code Samples
Additional Code Samples on the DVD
Summary
Chapter 6: HTML5 Media and Device Access
The HTML5 &audio& Element
The HTML5 &video& Element
Popcorn.js: HTML5 Media Framework
HTML5 &video& and Web Camera Support
Battery API (DAP)
Vibration API (DAP)
HTML5 APIs in W3C Working Draft Status (WD)
Audio Processing
Summary
Chapter 7: Design, Debug, and Test Mobile Apps
What Is Good Mobile Design?
Important Facets of Mobile Web Design
A Touch-oriented Design
Improving Response Times of User Gestures
Detecting Screen Sizes of Mobile Devices
Resizing Assets in Mobile Web Applications
Determining the Content Layout for Mobile Web Pages
Mobile Design for HTML Web Pages
High-Level View of Styling Mobile Forms
Specific Techniques for Styling Mobile Forms
Use CSS to Style Input Fields Differently
Specify Keyboard Types for Input Fields
Different Countries and Languages
Design-related Tools and Online Patterns
Working with Font Sizes and Units of Measure
Twitter BootStrap 2.0
Advantages of Bootstrap
Disadvantages of Bootstrap
Semantic or Not?
Bootstrap and H5BP (HTML5 Boilerplate)
Useful Links
Debugging HTML5 Mobile Applications
Using Web Inspector
Using Plain JavaScript for Debugging
Using JavaScript try/catch Blocks for Debugging
Using window.onerror for Debugging
Using Adobe Edge Inspect
Debugging with jsconsole.com
Catalyst
Weinre
Testing Tools
Blaze
Chrome Speed Tracer
Page Speed Insights
Firebug for Firefox
Socketbug
QUnit
Selenium
YUITest
JavaScript Testing Tools for HTML5 Mobile Apps
Code Validators: JSLint and JSHint
Tools for Reducing Reflow and Repaint in Web Pages
Enabling Continuous Painting Mode
Finding CSS-Related Performance Bottlenecks
Additional Useful Links
Improving HTML5 Web Page Performance
CSS-Related Performance
Useful Links
Summary
Chapter 8: Introduction to jQuery Mobile
Using jQuery 2.0
Overview of jQuery Mobile
Key Features and Components in jQueryMobile
A Minimal jQuery Mobile Web Page
More Differences between jQuery and jQueryMobile
jQueryMobile Page Views
jQueryMobile Custom Attributes
jQuery Mobile Page Transitions
jQuery Mobile and CSS-related Page Initialization
The mobileinit Event
jQuery Mobile Options and Customization
Page Navigation and Changing Pages
The jqmData() Custom Selector
Multiple Page Views in One HTML5 Web Page
Positioning the Header and Footer in Page Views
Working with Buttons in jQuery Mobile
Navigation Buttons as Anchor Links
Groups of Buttons and Column Grids
Rendering Buttons with Themes
List Views in jQuery Mobile
Additional Code Samples on the DVD
jQuery Mobile and Ajax
jQuery Mobile and Geolocation
Summary
Chapter 9: Other HTML5 Technologies
The Stages in the W3C Review Process
HTML5 APIs in W3C Recommendation Status (REC)
HTML5 APIs in W3C Candidate Recommendation Status (CR)
XMLHttpRequest Level 2 (XHR2)
Making Ajax Calls with jQuery
HTML5 Cross Origin Resource Sharing (CORS)
Ajax Requests using XMLHttpRequest Level 2 (XHR2)
HTML5 APIs in W3C Last Call Status (LC)
HTML5 Drag-and-Drop (DnD)
jQuery and HTML5 Drag-and-Drop
jQuery and HTML5 Local Storage
Libraries for HTML5 Local Storage
HTML5 APIs in W3C Working Draft Status (WD)
jQuery and HTML5 File APIs
HTML5 History APIs
HTML5 Offline Web Applications
Detecting Online and Offline Status
Summary
Chapter 10: Mobile Apps and Internet Access
Working with Apigee
Accessing an Apigee Server from a Mobile Application
Rendering 3D Bar Charts
Updating HTML5 Canvas Bar Charts with a WebSocket Server
Summary
On the DVD
Index

Systemvoraussetzungen

Als PDF speichern Als Link merken