Learn to create powerful and unique websites with HTML5 and CSS3
HTML5 and CSS3 have ushered in an entirely new era in web development and web design. This easy-to-understand full-color guide presents the elements of design and development as equal; therefore, both designers and developers will benefit from learning how to leverage the power behind HTML5 and CSS3. The two-page spreads and helpful insight show you how to use HTML5 and CSS3 in conjunction in order to create websites that possess both powerful function and beautiful design.
• Incorporates all the trademark elements of the For Dummies series writing style - approachable, friendly, reliable, and functional - to assist you in gaining a solid foundation of the basics
• Fills the void for both developers and designers who are looking to merge the power and function of HTML5 and CSS3
• Features a website with code and templates
HTML5 and CSS3 For Dummies covers what you need to know to use HTML5 and CSS3, without weighing you down in unnecessary information.
Author(s): David Karlins
Series: For Dummies
Edition: 1
Publisher: John Wiley & Sons, Inc.
Year: 2014
Language: English
Pages: 364
City: Hoboken
Contents at a Glance
Table of Contents
Introduction
About This Book
Foolish Assumptions
Icons Used in This Book
Beyond the Book
Where to Go from Here
Part I: Page Structure and Design with HTML5 and CSS3
Chapter 1: Structure and Design with HTML5 and CSS3
Realizing the Magic of HTML5 and CSS3
Understanding HTML Foundations
Breaking Down Basic CSS
Moving Forward with HTML5 and CSS3
Chapter 2: Deploying HTML5
Identifying the Advantages of HTML5
Knowing the Price of Using HTML5
Introducing the Simplified Doctype Declaration
Understanding HTML5’s New, Standardized Structure Elements
Going Native with HTML5
Taking a Quick Look at HTML5’s New Form Tools
HTML5 Elements for Scripting with JavaScript
Chapter 3: CSS3 for Design, Interactivity, and Animation
Breaking Out of the Box with CSS3 Design
Replacing Images with CSS3
CSS3 and Mobile — A Perfect Fit
Animating with CSS3
Designing with Web Fonts
Chapter 4: Compatibility Issues and Solutions
Making HTML5 and CSS3 Work in Older Browsers
HTML5 and CSS3 Browser Wars
Mobile Compatibility
A Word on Flash
Part II: Creating Pages with HTML5
Chapter 5: HTML5 Semantic Tags
Understanding the Different Kinds of Semantic Elements
Organizing Content with Five Elements
HTML5 for Specific Content
Advantages of HTML5 Semantic Tags
Chapter 6: HTML5 Forms
HTML5 Forms — An Underrated Resource
Creating HTML5 Forms
Defining Placeholder Text
Implementing HTML5 Input Types
Defining a Datalist
Creating Form Output Elements
HTML5 Form Validation
A Final Word on HTML5 Forms
Chapter 7: Native Video and Audio
Getting Familiar with Native Audio and Video
Compressed Video Formats
Optimizing Native Video
Embedding Native Audio
Chapter 8: Going Mobile: Responsive Design and jQuery Mobile
Understanding the Nature and Role of Responsive Design
Implementing Responsive Design with Media Queries
Defining Media Queries with Multiple CSS Files
Deploying Responsive Design in a Single CSS File
Building Web Apps with jQuery Mobile
Part III: CSS3 Effects and Transforms
Chapter 9: Styling with CSS3 Properties
The Evolution of CSS
CSS3 Transitions
Redefining Color with CSS3
Chapter 10: Applying CSS3 Effects
Getting the Most from CSS3 Effects
Defining CSS3 Effects
Animating Effects
Chapter 11: Applying and Animating CSS3 Transforms
Knowing How to Use Transforms
Animating Transforms with Transitions
Animating with @keyframes
Chapter 12: Styling Gradients with CSS3
The Evolutionary Path to CSS3 Gradients
Competing CSS3 Gradient Syntax
Defining Gradients with Free Online Generators
Using Ultimate CSS Gradient Generator
Part IV: The Part of Tens
Chapter 13: Top Ten HTML5 Design Resources
Notepad++
TextWrangler
Komodo Edit
Adobe Dreamweaver
FileZilla
W3Schools
WC3 Markup Validation Service
AMP Express
Hipster Ipsum
jQuery Widget Factory
Chapter 14: Top Ten CSS3 Design Tools
Ultimate CSS Gradient Generator
Adobe Kuler
Color Scheme Designer
CSS3 Generator
CSS3 Box Shadow Generator
CSS 3.0 Maker
Animate.css
Web Designer Wall
CSS Menu Maker
Notepad RT
Chapter 15: Top Ten Form Data Resources
MailChimp
FreeFind
Google Docs
Google Custom Search Engine
TheSiteWizard
Form Tools
jQuery Menu Widget
Freedback
EmailMeForm
Zoho Creator
Index
About the Author