You are previewing Developing Mobile Websites With Html5.
O'Reilly logo
Developing Mobile Websites With Html5

Book Description

Whatever your level of expertise with web development, DEVELOPING MOBILE WEBSITES WITH HTML5 will give you the hands-on help you need to learn how to create dynamic mobile websites that work equally well on laptops and desktops using HTML5. Popular author and web-design teacher David Karlins combines aesthetics and technique in a book that is uniquely accessible to designers at all levels, covering essential topics such as building animated and interactive mobile web apps, understanding and applying styling to mobile sites, creating mobile-friendly forms and collecting data from users, and working with JavaScript libraries, JavaScript widgets, and Cascading Style Sheets (CSS). In today's fast-moving technology market, mobile isn't an add-on-it's essential. Get in on the action with DEVELOPING MOBILE WEBSITES WITH HTML5.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. Dedication
  4. Acknowledgments
  5. About the Author
  6. Contents
  7. Introduction
  8. PART I BUILDING ANIMATED, INTERACTIVE WEBSITES WITH HTML5
    1. Chapter 1 Solving Mobile Design Challenges with HTML5
      1. Building Mobile-Friendly Sites with HTML5
      2. An HTML Refresher
      3. Summary
    2. Chapter 2 Building and Testing a Multipage Mobile Web App with HTML5
      1. Dealing with Mobile Resolutions
      2. Testing with Emulation
      3. Previewing and Testing Mobile Websites
      4. Building a Multipage HTML5 Mobile Page
      5. Editing a Multipage Document
      6. Summary
    3. Chapter 3 Animating Navigation
      1. The Role of Interactive, Animated Navigation
      2. Customizing Listviews
      3. Navigating with Dialogs
      4. Defining Transitions
      5. Summary
  9. PART II MOBILE DESIGN WITH HTML5
    1. Chapter 4 Applying Data-Theme Styling
      1. Understanding Themes and Color Swatches
      2. Applying Color Swatches
      3. Styling with Themed Navigation Buttons
      4. Mini-Sizing Elements
      5. Summary
    2. Chapter 5 Customizing Mobile Styles with ThemeRoller
      1. Using Accessible Styles for Mobile
      2. Creating Custom Themes and Swatches
      3. Creating a Custom Theme with ThemeRoller
      4. Downloading and Applying a Theme
      5. Summary
    3. Chapter 6 Creating Collapsible Blocks
      1. Using Collapsible Blocks
      2. Fixing Header or Footer Position
      3. Going Mini
      4. Summary
    4. Chapter 7 Designing with Grids
      1. The Role of Grid Design
      2. Defining Two-Column Grids
      3. Styling Grid Blocks
      4. Page Layout with Multicolumn Grids
      5. Summary
  10. PART III USING HTML5 TO DEPLOY MOBILE-FRIENDLY CONTENT
    1. Chapter 8 Providing Native Video
      1. Mobile Video Is Native Video
      2. Using HTML5 for Mobile-Ready Video
      3. Testing and Troubleshooting HTML5 Video
      4. Summary
    2. Chapter 9 Providing Audio for Mobile
      1. Using Native Audio with HTML5
      2. Preparing Audio Files for Mobile
      3. Producing Mobile Audio with Audacity
      4. Using HTML5 for Native Audio
      5. Styling Audio Elements
      6. Using JavaScript-Based Custom Audio Players
      7. Summary
    3. Chapter 10 Scaling Images for Mobile Devices
      1. Scaling Images for Mobile Devices
      2. Scalable Artwork with SVG
      3. Closing Observations About Images in Mobile Devices
      4. Summary
  11. PART IV USING HTML5 TO MANAGE MOBILE USER INTERACTION
    1. Chapter 11 Building Mobile-Friendly Forms
      1. Looking at Some Mobile-Friendly Example Forms
      2. What Makes a Form Mobile-Friendly?
      3. Creating Inviting Forms with HTML5 Input Types
      4. Defining a Select Menu or Datalist
      5. Creating Form Output Elements
      6. Styling Mobile Forms
      7. Managing Form Data with PHP Scripts
      8. A Mobile-Friendly HTML5 Form Template
      9. Summary
    2. Chapter 12 Deploying Mobile Widgets
      1. Understanding the Role of Widgets
      2. Creating a Popup Widget
      3. Navigation Buttons
      4. Generating a Tabbed Navigation Bar
      5. Summary
    3. Chapter 13 Building a Complete Mobile Presence
      1. Differentiating Between Mobile and Full-Sized Pages
      2. Detecting and Diverting Mobile Users
      3. Enhancing Mobile Web Apps
      4. Summary
    4. Chapter 14 Using Templates
      1. Using jQuery Mobile Templates
      2. Surveying jQuery Mobile Bootstrap
      3. Using jQuery Mobile Bootstrap
      4. Exploring More Templates
      5. Summary
  12. Index