Beginning our quest

Whether you're new to responsive web design, HTML5, or CSS3, or already well versed, I'm hoping this first chapter will serve one of two purposes.

If you're already using HTML5 and CSS3 in your responsive web designs, this first chapter should serve as a quick and basic refresher. Alternatively, if you're a newcomer, think of it as a 'boot camp' of sorts, covering the essentials so we're all on the same page.

By the end of this first chapter, we will have covered everything you need to author a fully responsive web page.

You might be wondering why the other nine chapters are here. By the end of this chapter, that should be apparent too.

Here's what we will cover in this first chapter:

• Defining responsive web design
• How to set browser support levels
• A brief discussion on tooling and text editors
• Our first responsive example: a simple HTML5 page
• The importance of the viewport meta tag
• How to make images scale to their container
• Writing CSS3 media queries to create design breakpoints
• The shortfalls in our basic example
• Why our journey has only just begun