Mobile First Design with HTML5 and CSS3

The number of devices and screen sizes on which to display web pages is multiplying. This book helps you to create standards-based websites using HTML5 and CSS3 that display perfectly on virtually any browser, mobile, or desktop.

Mobile First Design with HTML5 and CSS3

Starting
Jason Gonzales

The number of devices and screen sizes on which to display web pages is multiplying. This book helps you to create standards-based websites using HTML5 and CSS3 that display perfectly on virtually any browser, mobile, or desktop.
$10.00
$34.99
RRP $20.99
RRP $34.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781849696463
Paperback122 pages

About This Book

  • Make websites that will look great and be usable on almost any device that displays web pages.
  • Learn best practices for responsive design
  • Discover how to make designs that will be lean and fast on small screens without sacrificing a tablet or desktop experience

Who This Book Is For

This book is for beginner to intermediate developers and designers, as well as for those in management who want to understand what is possible with modern tools and strategies on the Web.

Table of Contents

Chapter 1: Mobile First – How and Why?
What is Responsive Web Design?
Prerequisites
Summary
Chapter 2: Building the Home Page
Preparing and planning your workspace
Summary
Chapter 3: Building the Gallery Page
Creating the wireframe
The slim hero
Content panels
The gallery detail
Summary
Chapter 4: Building the Contact Form
Making a form plan
Summary
Chapter 5: Building the About Me Page
Justifying the About Me page
Making the wireframes
The markup
Awesome icon fonts
Summary

What You Will Learn

  • Develop web pages that change their layout and respond to different sized screens, so that they display well on mobiles, tablets, and desktops
  • Utilize HTML5 and CSS3 to make responsive web pages quickly and effectively
  • Use current technologies like LESS and SASS to work fast
  • Build web page components that will function well on both small and large screens
  • Create and plan designs that work for small and large screens without having to sacrifice content

In Detail

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.

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!

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.

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.

Authors

Table of Contents

Chapter 1: Mobile First – How and Why?
What is Responsive Web Design?
Prerequisites
Summary
Chapter 2: Building the Home Page
Preparing and planning your workspace
Summary
Chapter 3: Building the Gallery Page
Creating the wireframe
The slim hero
Content panels
The gallery detail
Summary
Chapter 4: Building the Contact Form
Making a form plan
Summary
Chapter 5: Building the About Me Page
Justifying the About Me page
Making the wireframes
The markup
Awesome icon fonts
Summary

Book Details

ISBN 139781849696463
Paperback122 pages
Read More