Introduction

In the previous chapters, we learned about the basics of HTML5 and CSS3 in terms of structure, layout, and typography. We have also explored HTML forms, and how to go about theming websites.

Now, we're going to look into adapting our web pages for the world of mobile-first responsive web design. A key element of a successful website starts with a good user experience design, providing the user with a seamless browsing experience on the website regardless of their device. Many users access websites through their mobile devices; it's second nature for them. From finding a location on a map to gathering information over the internet, users are finding that everything can be done using their phone, which is convenient since, when on the go, users are hardly likely to have a computer with them. With the rise of the mobile internet, it's realistic to expect to be able to get online in many parts of the world, even the more remote places, these days. Given this...