O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Beginning HTML5 and CSS3: The Web Evolved

Book Description

Beginning HTML5 and CSS3 is your introduction to the new features and elements of HTML5—all the leaner, cleaner, and more efficient code you've hoped for is available now with HTML5, along with some new tools that will allow you to create more meaningful and richer content. For everyone involved in web design, this book also introduces the new structural integrity and styling flexibility of CSS 3—which means better-looking pages and smarter content in your website projects.

For all forward-looking web professionals who want to start enjoying and deploying the new HTML5 and CSS3 features right away, this book provides you with an in-depth look at the new capabilities—including audio and video—that are new to web standards. You'll learn about the new HTML5 structural sections, plus HTML5 and CSS3 layouts. You'll also discover why some people think HTML5 is going to be a Flash killer, when you see how to create transitions and animations with these new technologies. So get ahead in your web development through the practical, step-by-step approaches offered to you in Beginning HTML5 and CSS3.

What you'll learn

  • Cutting-edge web development techniques with HTML5 and CSS3

  • The new features of HTML5 and how to work with HTML5 and CSS3

  • The new web standards being implemented by all the major web browsers

  • How to work with the new HTML5 structural sections

  • How to create HTML5 and CSS3 layouts

  • How to create transitions and animations without using Flash

  • New web typography solutions

  • A new vision of web development with HTML5 and CSS3

Who this book is for

This book is for web developers and anyone involved in web design who wants to embrace the new web standards and cutting-edge features of HTML5 and CSS3. With a practical, accessible approach, this book is for anyone who wants to push their websites forwards with the latest technologies.

Table of Contents

  1. Titlepage
  2. Dedication
  3. Contents at a Glance
  4. Contents
  5. Forewords
  6. About the Authors
  7. About the Technical Reviewers
  8. Acknowledgments
  9. Introduction
    1. Who is this book for?
    2. How is this book structured?
    3. Conventions used in this book
  10. Chapter 1: HTML5: Now, Not 2022
    1. Basic tenets
    2. How was HTML5 created?
    3. HTML5 moving forward!
    4. HTML5 design principles
    5. A dozen myths about HTML5
    6. Summary
  11. Chapter 2: Your First Plunge into HTML5
    1. Homework review
    2. It’s all in the head
    3. A “Hello World!” journey
    4. Supporting HTML5 cross-browser
    5. An HTML5 boilerplate page
    6. Validation
    7. Revisiting Miss Baker
    8. Summary
    9. Homework
  12. Chapter 3: New Structural Elements
    1. Workflow practices, evolving?
    2. A brave new semantic dawn
    3. Structural building blocks: <div>, <section>, and <article>
    4. Headings: <header>, <hgroup>, and <h1>–<h6>, plus <footer>
    5. The HTML5 outlining algorithm
    6. HTML5-style heading element levels
    7. Even more structural elements: <nav>, <aside>, <figure> (and <figcaption>)
    8. Putting it all together
    9. Accessibility and HTML5
    10. Summary
    11. Homework
    12. Further Reading
  13. Chapter 4: A Richer Approach to Marking Up Content
    1. Ex-presentational elements and friends
    2. Block-level links with the <a> element
    3. Other elements with minor changes from HTML 4
    4. New semantic elements
    5. Extending HTML5
    6. Summary
  14. Chapter 5: Rich Media
    1. The case for Flash
    2. Video the HTML5 way
    3. Audio
    4. Canvas
    5. SVG
    6. Summary
    7. Homework
  15. Chapter 6: Paving the Way for Web Applications
    1. HTML5 forms
    2. Web applications
    3. The glorious dawn of the age of the standards-based Web, accessible to all, in a world of compliant browsers, on a variety of devices
    4. Homework: Mark up the “Join Gordo’s Space Cadets” form using the new markup covered
  16. Chapter 7: CSS3, Here and Now
    1. A Refresher on the importance of web standards
    2. CSS 1, CSS 2.1, CSS3 ...
    3. Is CSS3 ready?
    4. The benefits of CSS3
    5. CSS basics refresher
    6. CSS shorthand
    7. The cascade, specificity, and inheritance
    8. CSS organization and maintenance
    9. Browser support, vendor prefixes, polyfills, and progressive enhancement
    10. Feature detection and polyfills
    11. Summary
    12. Homework
    13. Appendix: CSS3 Module Status
  17. Chapter 8: Keeping Your Markup Slim Using CSS Selectors
    1. Selectors rundown
    2. CSS3 selectors
    3. Browser support
    4. Selectors of the future
    5. Summary
    6. Homework
    7. Appendix
  18. Chapter 9: A Layout for Every Occasion
    1. The web of many devices
    2. The Visual Formatting Model of CSS—it’s boxes all the way down!
    3. CSS3 layouts
    4. Conclusion
    5. Further reading
    6. Homework
  19. Chapter 10: Improving Web Typography
    1. Typeface and fonts
    2. Anatomy of type
    3. A brief history of web type
    4. Text as image
    5. sIFR
    6. Cufón
    7. SVG fonts
    8. @font-face
    9. Finding web fonts
    10. Baselines
    11. Designing with a grid
    12. Baseline grid in summary
    13. Fun with web type
    14. Control the quote glyphs
    15. Summary
    16. Further Reading
  20. Chapter 11: Putting CSS3 Properties to Work
    1. Color and transparency
    2. Backgrounds
    3. Borders
    4. Drop shadows
    5. text-shadow
    6. Gradients
    7. Detecting support and helping other browsers
    8. Combining CSS3 effects
    9. Summary
    10. Homework
  21. Chapter 12: Transforms, Transitions, and Animation
    1. Translate, rotate, scale, skew, transform: 2D and 3D CSS transforms
    2. CSS transitions and CSS animations: compare and contrast
    3. CSS transitions: bling in 4D!
    4. Keyframin’ with CSS animations
    5. A little animation-related JavaScript detour
    6. Putting it all together
    7. Further Reading
  22. Chapter 13: The Future of CSS or, Awesome Stuff That’s Coming
    1. Hardware acceleration and CSS performance
    2. Internationalization
    3. Go forth and make awesome
    4. Appendix: essential links
  23. Index