Mobile First Design with HTML5 and CSS3


Mobile First Design with HTML5 and CSS3
eBook: $20.99
Formats: PDF, PacktLib, ePub and Mobi formats
$17.84
save 15%!
Print + free eBook + free PacktLib access to the book: $55.98    Print cover: $34.99
$34.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Reviews
Support
Sample Chapters
  • 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

Book Details

Language : English
Paperback : 122 pages [ 235mm x 191mm ]
Release Date : September 2013
ISBN : 1849696462
ISBN 13 : 9781849696463
Author(s) : Jason Gonzales
Topics and Technologies : All Books, Web Development

Table of Contents

Preface
Chapter 1: Mobile First – How and Why?
Chapter 2: Building the Home Page
Chapter 3: Building the Gallery Page
Chapter 4: Building the Contact Form
Chapter 5: Building the About Me Page
Appendix A: Anatomy of HTML5 Boilerplate
Appendix B: Using CSS Preprocessors
Index
    • Chapter 2: Building the Home Page
      • Preparing and planning your workspace
        • Planning ahead
          • Navigation
          • Hero/slider
          • Content panels
          • Footer
        • Let's build!
          • Header
          • Logo
          • Navigation
        • Hero
        • Content panels
        • Footer
        • Making our page responsive
        • Slider
      • Summary

                Jason Gonzales

                Jason Gonzales has worked as a musician and an English teacher, but frontend engineering is his passion. He is a self-taught engineer and an obsessive learner and researcher. He's been working on frontends for over seven years, but also does full-stack work and lots of fretting over making sites that have awesome user experiences. This keeps him learning pretty much on a daily basis, which is how he likes it.

                Code Downloads

                Download the code and support files for this book.


                Submit Errata

                Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                Errata

                - 5 submitted: last submission 21 May 2014

                Errata Type: Typo | Page No. 2

                Moblie First Design with HTML5 and CSS3

                should be 

                Mobile First Design with HTML5 and CSS3

                Errata Type: Typo | Page No. 22

                Add your button just below the  <a>  tag that
                will hold our logo

                should be 

                Add your button before the  <a>  tag that
                will hold our logo

                Errata Type: Code | Page No. 20

                 <nav class="navbar open">

                should be 

                <nav class="navbar">

                Errata Type: Code | Page No. 40

                 You read the code and it says class="active slide"

                should be 

                You read the code and it says class=" slide active"

                Errata Type: Technical | Page No. 40

                We used the panel  Upstart to get the triad of content
                panels at the bottom of our page and we used the supplied icons and CSS framework
                to include social media and contact info icons in the footer

                should be 

                We used the panel upstart (in upstarts/320andup-panels/_upstart.scss ) to get the triad of content
                panels at the bottom of our page and we used the supplied icons and CSS framework
                to include social media and contact info icons in the footer

                Sample chapters

                You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                Frequently bought together

                Mobile First Design with HTML5 and CSS3 +    Drupal 7 Webform Cookbook =
                50% Off
                the second eBook
                Price for both: $33.45

                Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                What you will learn from this book

                • 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.

                Approach

                A user friendly tutorial to develop websites that work for both small and large screens using HTML5 and CSS3.

                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.

                Code Download and Errata
                Packt Anytime, Anywhere
                Register Books
                Print Upgrades
                eBook Downloads
                Video Support
                Contact Us
                Awards Voting Nominations Previous Winners
                Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                Resources
                Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software