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
tagHow 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