You are previewing Pro HTML5 Performance.
O'Reilly logo
Pro HTML5 Performance

Book Description

Pro HTML5 Performance provides a practical guide to building extremely fast, light-weight and scalable websites using fully standards compliant techniques and best practices. It strikes a balance between imparting best-practice information for when you're building ground up and instantly applicable techniques to help you solve issues with your existing projects.

In addition to a wealth of tips, tricks and secrets you'll find advice and code samples that elegantly layout the problems your facing and the best ways of solving them. By reading Pro HTML5 Performance you'll squeeze every last ounch of performance from your code, giving your applications unrivalled speed and cost-efficiency.

What you'll learn

  • Optimize your HTML5, CSS, and JavaScript for client-side performance

  • Reduce your code's bandwidth to achieve both speed and cost savings

  • Learn to target multiple devices from the same page

  • See how your HTML5 content can gracefully degrade to older browsers

  • Create advanced applications, such as animations, with a light footprint

  • Make HTML5's semantic markup work for you

Who this book is for

This book is ideal for front-end programmers who know the basics but who want to master the techniques for creating high-performance web sites. It is equally applicable to people who want to architect big sites 'right first time' or those that want to apply some of the concepts to their existing site to make it run a bit faster or same them a little money. Whether you go 'all out' and use everything or just apply some concepts to your existing sites is up to you.

Table of Contents

  1. Titlepage
  2. Contents at a Glance
  3. Contents
  4. Foreword
  5. About the Authors
  6. About the Technical Reviewer
  7. Acknowledgments
  8. Part 1: Introduction
    1. Chapter 1: Introduction
      1. A Live Site with Working Code Examples
      2. What to Expect
      3. Defining High Performance
      4. Responsive/Adaptive Design
      5. Grid Systems
      6. A Deeper Understanding of CSS
  9. Part 2: Performance Basics
    1. Chapter 2: Development Principles
      1. Code for Modern Browser Performance
      2. Use CSS to Manage Boundaries
      3. Embrace Progressive Enhancement
      4. Embrace Separation of Concerns
      5. Summary
    2. Chapter 3: Performance Guidelines
      1. Why Page Load Time Matters
      2. The Guidelines
      3. Further Reading
      4. Summary
    3. Chapter 4: Responsive Web Design
      1. Responsive Web Design
      2. Summary
    4. Chapter 5: Understanding the Web Reuse Pattern
      1. Some Final Observations on Web Reuse
      2. Summary
  10. Part 3: Building a Web Site
    1. Chapter 6: Page Template
      1. Setting the Boilerplate Options
      2. Setting up the Site’s Grid
      3. Summary
    2. Chapter 7: Navigation
      1. Menu Structure
      2. Styling the Menu
      3. Summary
    3. Chapter 8: Masthead
      1. Building a Better Country Selector
      2. Look & Feel
      3. Summary
    4. Chapter 9: Footer
      1. Making the Footer
      2. Summary
    5. Chapter 10: Fractal Design Patterns
      1. Defining a Control
      2. Going Fractal: A Case Study
      3. Summary
    6. Chapter 11: Link Control
      1. The Function
      2. Styling the Links
      3. Using JavaScript When CSS Fails Us
      4. Summary
    7. Chapter 12: Sidebox Control
      1. The Content
      2. The Styling
      3. The Functions
      4. Summary
    8. Chapter 13: Button Control
      1. Button Types
      2. Coding the Button Control
      3. The CSS
      4. Summary
    9. Chapter 14: Price Control
      1. The Price Control
      2. The Shipping Control
      3. Using the Controls
      4. Summary
    10. Chapter 15: Product Control
      1. Inserting the Control
      2. The HTML Produced by the Control
      3. The CSS
      4. The Data for the Product Control
      5. The Control
      6. Summary
    11. Chapter 16: Table Control
      1. The HTML
      2. The Data Object
      3. The Table Control
      4. The Styles
      5. Summary
    12. Chapter 17: Tab Control
      1. The HTML
      2. The Data
      3. The Control
      4. Creating a Tab Control
      5. The JavaScript
      6. Styling the Tab Control
      7. Summary
    13. Chapter 18: Form Controls
      1. The HTML
      2. The Fieldset Control
      3. The Input Control
      4. Data Objects
      5. Creating a Form
      6. The CSS
      7. Making Shortcut Controls
      8. Summary
  11. Index