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.
Preview in Mapt

Mobile First Design with HTML5 and CSS3

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.

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
eBook
$14.70
RRP $20.99
Save 29%
Print + eBook
$34.99
RRP $34.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$14.70
$34.99
$29.99 p/m after trial
RRP $20.99
RRP $34.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Mobile First Design with HTML5 and CSS3 Book Cover
Mobile First Design with HTML5 and CSS3
$ 20.99
$ 14.70
Instant HTML5 Responsive Table Design How-to Book Cover
Instant HTML5 Responsive Table Design How-to
$ 12.99
$ 9.10
Buy 2 for $23.80
Save $10.18
Add to Cart

Book Details

ISBN 139781849696463
Paperback122 pages

Book Description

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.

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

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

Read More Reviews

Recommended for You

Instant HTML5 Responsive Table Design How-to Book Cover
Instant HTML5 Responsive Table Design How-to
$ 12.99
$ 9.10
Google Maps JavaScript API Cookbook Book Cover
Google Maps JavaScript API Cookbook
$ 26.99
$ 18.90
Responsive Media in HTML5 Book Cover
Responsive Media in HTML5
$ 14.99
$ 10.50
Instant HTML5 Fonts and Typography Book Cover
Instant HTML5 Fonts and Typography
$ 12.99
$ 9.10
Instant HTML5 2D Platformer Book Cover
Instant HTML5 2D Platformer
$ 9.99
$ 7.00
Building Websites with VB.NET and DotNetNuke 4 Book Cover
Building Websites with VB.NET and DotNetNuke 4
$ 23.99
$ 16.80