We've covered a lot of ground, yet again! In this chapter, we made a gallery overview and a gallery detail that will work equally well for devices ranging from mobile phones to desktops. We re-used some of 320 and Up's upstarts so that we didn't have to build responsive, three-columned layouts from scratch. The columns stack nicely on small screens and arrange themselves horizontally to fill the width on wider screens. We made a slightly modified hero for the Gallery page without having to write a ton of override styles and we even wrote some elegant JavaScript to make the Gallery detail page interactive. In the next chapter, we will build a page so site visitors can contact us.
Mobile First Design with HTML5 and CSS3
By :
Mobile First Design with HTML5 and CSS3
By:
Overview of this book
<p>The mobile first design philosophy aims to develop websites that will be lean and fast on small screens without sacrificing a tablet or desktop experience. Using HTML5, CSS3, and simple, standardized modern web tools you can make one site to rule them all.</p>
<p>Mobile First Design with HTML5 and CSS3 will teach you the tools you need to make a modern, standards-based web page that displays beautifully on nearly any web browser—essential knowledge for anyone who makes websites!</p>
<p>In this book, you will learn how to set up a project from scratch and quickly get up and running with a full portfolio website that will form the base for making almost any kind of web page. Learn to develop web pages that fit the web conventions we all have to conform to. You will learn how to make responsive image slideshows; image galleries with detail pages; and bold, eye-catching banners and forms. Best of all, you will learn how to make these things fast without compromising quality.</p>
<p>This book will walk you through the process step by step with all the code required, as well as the thinking that goes behind planning a mobile first responsive website.</p>
Table of Contents (14 chapters)
Mobile First Design with HTML5 and CSS3
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Free Chapter
Mobile First – How and Why?
Building the Home Page
Building the Gallery Page
Building the Contact Form
Building the About Me Page
Anatomy of HTML5 Boilerplate
Using CSS Preprocessors
Index
Customer Reviews