A fast-paced introduction. Recommended to anyone who needs a quick-start resource.
Hello! HTML5 & CSS3 is written for the web designer or developer who wants a fast, example-oriented introduction to the new HTML and CSS features. This snappy, user-friendly, and fun guide will get you started right away.
preface
acknowledgments
about this book
Part 1 Learning HTML5
1. Introducing HTML5 markup
1.1. Why do we need new elements?
1.2. New elements for page structure
1.3. The HTML DOCTYPE
1.4. New elements for content
1.5. HTML5’s new global attributes
1.6. The HTML5 content model
1.7. Browser support
1.8. Summary
2. HTML5 forms
2.1. The limitations of HTML4 forms
2.2. Numbers, ranges, dates, and times
2.3. Validation
2.4. Email and URLs
2.5. Elements for user feedback
2.6. Less-common form controls
2.7. New attributes for the <input> element
2.8. Extending forms with JavaScript
2.9. Browser support and detecting HTML5 features
2.10. Summary
3. Dynamic graphics
3.1. Getting started with <canvas>: shapes, images, and text
3.2. Advanced <canvas>: gradients, shadows, and animation
3.3. Getting started with SVG
3.4. SVG vs. <canvas>
3.5. Browser support
3.6. Summary
4. Audio and video
4.1. Audio and video on the modern web
4.2. The <audio> element
4.3. The <video> element
4.4. Controlling audio and video with JavaScript
4.5. Integrating media with other content
4.6. Browser support
4.7. Summary
5. Browser-based APIs
5.1. Rich-text editing with the contenteditable attribute
5.2. Natural user interaction with drag-and-drop
5.3. Managing the Back button with the history API
5.4. Getting semantic with the microdata API
5.5. Lag-free interfaces with web workers
5.6. Browser support
5.7. Summary
6. Network and location APIs
6.1. Finding yourself with the Geolocation API
6.2. Communication in HTML5
6.3. Offline web applications
6.4. Storing data for offline use
6.5. Browser support
6.6. Summary
Part 2 Learning CSS3
7. New CSS language features
7.1. Choosing elements through their relationships
7.2. Choosing elements by their attributes
7.3. Choosing elements based on user interaction
7.4. Browser support
7.5. Summary
8. Layout with CSS3
8.1. Underused CSS2 layout features
8.2. CSS3 improvements to CSS2 approaches
8.3. Using media queries for flexible layout
8.4. The future of CSS layout
8.5. Browser support
8.6. Summary
9. Motion and color
9.1. Colors and opacity
9.2. CSS transforms
9.3. CSS transitions
9.4. CSS Animation
9.5. Browser support
9.6. Summary
10. Borders and backgrounds with CSS3
10.1. Drop shadows with CSS3
10.2. Easy rounded corners
10.3. New features for background images
10.4. Selective background scaling with border images
10.5. Creating gradients with CSS
10.6. Browser support
10.7. Summary
11. Text and fonts
11.1. Basic web fonts
11.2. Making your life easier with font services
11.3. Advanced web typography
11.4. Text columns
11.5. Wrapping and overflow
11.6. Browser support
11.7. Summary
Appendix A: A history of web standards
Appendix B: HTML basics
Appendix C: CSS basics
Appendix D: JavaScript
index
About the book
Whether you're building web pages, mobile apps, or desktop apps, you need to learn HTML5 and CSS3. So why wait? Hello! HTML5 & CSS3 is a smart, snappy, and fun way to get started now.
In this example-rich guide to HTML5 and CSS3, you'll start with a user-friendly introduction to HTML5 markup and then take a quick tour through forms, graphics, drag-and-drop, multimedia, and more. Next, you'll explore CSS3, including new features like drop shadows, borders, colors, gradients, and backgrounds. Every step of the way, you'll find hands-on examples, both large and small, to help you learn by doing.
What's inside
- Easy-to-follow intro to HTML5 and CSS3
- Fully illustrated and loaded with examples
- Designed for low-stress learning
- No prior experience needed!
- Don't worry, you aren't alone! The cast of characters from User Friendly is learning HTML5 and CSS3 along with you as you read.