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