HTML5 and CSS3 are the future of web development, but you don’t have to wait to start using them. Even though the specification is still in development, many modern browsers and mobile devices already support HTML5 and CSS3. This book gets you up to speed on the new HTML5 elements and CSS3 features you can use right now, and backwards compatible solutions ensure that you don’t leave users of older browsers behind.

HTML5 and CSS3, 2nd Edition is available.

Out of Print

This book is currently out of print.

About this Book

  • 266 pages
  • Published:
  • Release: P4.0 (2012-01-13)
  • ISBN: 978-1-93435-668-5

This book gets you started working with many useful new features of HTML5 and CSS3 right away. Gone are the days of adding additional markup just to style a button differently or stripe tables. You’ll learn to use HTML5’s new markup to create better structure for your content and better interfaces for your forms, resulting in cleaner, easier-to-read code that can be understood by both humans and programs.

You’ll find out how to embed audio, video, and vector graphics into your pages without using Flash. You’ll see how web sockets, client-side storage, offline caching, and cross-document messaging can ease the pain of modern web development. And you’ll discover how simple CSS3 makes it to style sections of your page. Throughout the book, you’ll learn how to compensate for situations where your users can’t take advantage of HTML5 and CSS3 yet, developing solutions that are backwards compatible and accessible.

You’ll find what you need quickly with this book’s modular structure, and get hands-on with a tutorial project for each new HTML5 and CSS3 feature covered. “Falling Back” sections show you how to create solutions for older browsers, and “The Future” sections at the end of each chapter get you excited about the possibilities when HTML5 and CSS3 reach widespread adoption. Get ready for the future—-it’s here already.

HTML5 and CSS3, 2nd Edition is available here.

Contents and Extracts

Full Table of Contents

Preface

An Overview of HTML5 and CSS3

Part I—Improving User Interfaces
  • New Structural Tags and Attributes
    • Tip 1 Redefining a Blog using Semantic Markup
    • Tip 2 Creating Popup Windows with Custom Data Attributes
  • Creating User-friendly Web Forms
    • Tip 3 Describing Data with New Input Fields
    • Tip 4 Jumping to the First Field with Autofocus excerpt
    • Tip 5 Providing Hints with Placeholder Text
    • Tip 6 In-Place Editing with ContentEditable
  • Making Better User Interfaces with CSS3
    • Tip 7 Styling Tables With Pseudo Classes
    • Tip 8 Making Links Printable with :after and content excerpt
    • Tip 9 Creating Multi-Column Layouts
    • Tip 10 Building Mobile Interfaces with Media Queries
  • Improving Accessibility
    • Tip 11 Providing Navigation Hints with ARIA Roles excerpt
    • Tip 12 Creating An Accessible Updatable Region
Part II—New Sights And Sounds
  • Drawing on the Canvas
    • Tip 13 Drawing a Logo
    • Tip 14 Graphing Statistics with RGraph
  • Embedding Audio and Video
    • Tip 15 Working with Audio
    • Tip 16 Embedding Video
  • Eye Candy
    • Tip 17 Rounding Rough Edges
    • Tip 18 Working with Shadows, Gradients and Transformations
    • Tip 19 Using Real Fonts
Part III—Beyond HTML5
  • Working with Client-side Data
    • Tip 20 Saving Preferences with LocalStorage
    • Tip 21 Storing Data in Client-Side Relational Database
    • Tip 22 Working Offline
  • Playing Nicely With Other APIs
    • Tip 23 Preserving History
    • Tip 24 Talking Across Domains
    • Tip 25 Getting Chatty with Websockets
    • Tip 26 Finding Yourself: Geolocation
  • Where To Go Next
  • Features Quick Reference
  • jQuery Primer
  • Encoding Audio and Video
  • Resources

About the Author

Brian P. Hogan has been developing web sites professionally since 1995 as a freelancer and consultant. He currently builds web applications using Ruby, jQuery, HTML 5, and CSS 3. He enjoys teaching and writing about technology, particularly web design and development. He is also an advocate of accessibility for the disabled, particularly as it pertains to the visually impaired. When not experimenting with web-based languages and technology, he’s… well, who are we kidding? He’s always hacking on something.

Comments and Reviews

  • Vulcan Ears Book Reviews said:

    Overall, I found this book to be extremely readable; I also found several specific pieces of information that will be useful to me immediately and that I haven’t seen elsewhere, including a recommendation for a program to see how pages will look in all versions of Internet Explorer.