Instant Responsive Web Design
By Cory Simmons
5/5
()
About this ebook
Making your sites responsive is an easy enough skill to learn, and really pays dividends when you're selling your product to potential clients or just trying to impress your boss for that promotion you want, but understanding all your options will help you develop a workflow that really works for you.
Instant Responsive Web Design makes learning mobile-friendly web design a piece of cake with site-builds imploring various approaches using a very easy-to-follow format where you'll actually be creating sites using each approach. Expand your web repertoire in a few, easy hours.
Instant Responsive Web Design takes the guesswork out of responsive web design, by teaching readers the most relevant approaches and leaves it up to them to develop a workflow that works best for their style of coding.
We'll help you to develop several websites from scratch using different philosophies such as the Goldilocks Approach, make your websites Fluid, understand desktop and mobile-first approaches, and master some of the tricky stuff such as making your images and video responsive.
In this step-by-step guide, you'll learn everything you could ever need to become an above-average responsive web designer in a matter of hours.
ApproachGet to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. A step-by-step tutorial approach which will teach the readers what responsive web design is and how it is used in designing a responsive web page.
Who this book is forIf you are a web-designer looking to expand your skill set by learning the quickly growing industry standard of responsive web design, this book is ideal for you. Knowledge of CSS is assumed.
Cory Simmons
"Cory Simmons is a web designer/developer with over 17 years of experience. He currently works at Pressed Web, where he has maintained a tutorial blog for years covering everything from basic HTML/CSS to Django and Meteor. He has worked for companies such as Scholastic and World Vision Charities. Cory has written for CSS Tricks and is an author at TutsPlus. He created and maintains the Jeet Framework."
Related to Instant Responsive Web Design
Related ebooks
Responsive Web Design with HTML5 and CSS3 Rating: 4 out of 5 stars4/5Learning Bootstrap Rating: 1 out of 5 stars1/5Responsive Web Design with HTML5 and CSS3 Essentials Rating: 5 out of 5 stars5/5Instant SASS CSS How-to Rating: 5 out of 5 stars5/5The Web Designer's Idea Book, Volume 3: Inspiration from Today's Best Web Design Trends, Themes and Styles Rating: 0 out of 5 stars0 ratingsThe Complete Website Planning Guide Rating: 4 out of 5 stars4/5React Projects: Build 12 real-world applications from scratch using React, React Native, and React 360 Rating: 0 out of 5 stars0 ratingsReactJS for Jobseekers: The Only Guide You Need to Learn React and Crack Interviews (English Edition) Rating: 0 out of 5 stars0 ratingsLearning jQuery 3 - Fifth Edition Rating: 0 out of 5 stars0 ratingsResponsive Media in HTML5 Rating: 0 out of 5 stars0 ratingsGetting Started with React Native Rating: 4 out of 5 stars4/5Mastering Bootstrap 4 Rating: 5 out of 5 stars5/5Mastering Sass Rating: 0 out of 5 stars0 ratingsMastering JavaScript Design Patterns - Second Edition Rating: 5 out of 5 stars5/5Responsive Design High Performance Rating: 0 out of 5 stars0 ratingsWebsite Design Guide for Private and Business Users: Concepts and Techniques Demystified For Beginners Rating: 3 out of 5 stars3/5Exploring Web Components: Build Reusable UI Web Components with Standard Technologies (English Edition) Rating: 0 out of 5 stars0 ratingsGetting Started with React Rating: 0 out of 5 stars0 ratingsBridging UX and Web Development: Better Results through Team Integration Rating: 0 out of 5 stars0 ratingsMobile Web Performance Optimization Rating: 0 out of 5 stars0 ratingsDomain-Driven Design in PHP Rating: 0 out of 5 stars0 ratingsUltimate Tailwind CSS Handbook: Build sleek and modern websites with immersive UIs using Tailwind CSS Rating: 0 out of 5 stars0 ratingsVue.js for Jobseekers: A complete guide to learning Vue.js, building projects, and getting hired (English Edition) Rating: 0 out of 5 stars0 ratingsBootstrap 4 Cookbook Rating: 0 out of 5 stars0 ratingsNode.js: Novice to Ninja Rating: 0 out of 5 stars0 ratingsReact.js Design Patterns: Learn how to build scalable React apps with ease (English Edition) Rating: 0 out of 5 stars0 ratings
Internet & Web For You
How to Disappear and Live Off the Grid: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratingsHow to Be Invisible: Protect Your Home, Your Children, Your Assets, and Your Life Rating: 4 out of 5 stars4/5Coding All-in-One For Dummies Rating: 4 out of 5 stars4/5Coding For Dummies Rating: 5 out of 5 stars5/5Six Figure Blogging Blueprint Rating: 5 out of 5 stars5/5The Gothic Novel Collection Rating: 5 out of 5 stars5/5Social Engineering: The Science of Human Hacking Rating: 3 out of 5 stars3/5How To Make Money Blogging: How I Replaced My Day-Job With My Blog and How You Can Start A Blog Today Rating: 4 out of 5 stars4/5No Place to Hide: Edward Snowden, the NSA, and the U.S. Surveillance State Rating: 4 out of 5 stars4/5Get Rich or Lie Trying: Ambition and Deceit in the New Influencer Economy Rating: 0 out of 5 stars0 ratingsEverybody Lies: Big Data, New Data, and What the Internet Can Tell Us About Who We Really Are Rating: 4 out of 5 stars4/5The Beginner's Affiliate Marketing Blueprint Rating: 4 out of 5 stars4/5Podcasting For Dummies Rating: 4 out of 5 stars4/5The $1,000,000 Web Designer Guide: A Practical Guide for Wealth and Freedom as an Online Freelancer Rating: 5 out of 5 stars5/5Wireless Hacking 101 Rating: 4 out of 5 stars4/5Stop Asking Questions: How to Lead High-Impact Interviews and Learn Anything from Anyone Rating: 5 out of 5 stars5/5The Hacker Crackdown: Law and Disorder on the Electronic Frontier Rating: 4 out of 5 stars4/5Create Something Awesome: How Creators are Profiting from Their Passion in the Creator Economy Rating: 0 out of 5 stars0 ratingsPython QuickStart Guide: The Simplified Beginner's Guide to Python Programming Using Hands-On Projects and Real-World Applications Rating: 0 out of 5 stars0 ratingsCybersecurity For Dummies Rating: 4 out of 5 stars4/5Hacking : The Ultimate Comprehensive Step-By-Step Guide to the Basics of Ethical Hacking Rating: 5 out of 5 stars5/5Six Figure Blogging In 3 Months Rating: 4 out of 5 stars4/5How To Start A Podcast Rating: 4 out of 5 stars4/5More Porn - Faster!: 50 Tips & Tools for Faster and More Efficient Porn Browsing Rating: 3 out of 5 stars3/5The Mega Box: The Ultimate Guide to the Best Free Resources on the Internet Rating: 4 out of 5 stars4/5How to Destroy Surveillance Capitalism Rating: 4 out of 5 stars4/5Grokking Algorithms: An illustrated guide for programmers and other curious people Rating: 4 out of 5 stars4/5The Logo Brainstorm Book: A Comprehensive Guide for Exploring Design Directions Rating: 4 out of 5 stars4/5Surveillance and Surveillance Detection: A CIA Insider's Guide Rating: 0 out of 5 stars0 ratings
Reviews for Instant Responsive Web Design
1 rating1 review
- Rating: 5 out of 5 stars5/5made a tricky to fully understand subject
suddenly all come together
and be fully understandable.........excellent1 person found this helpful
Book preview
Instant Responsive Web Design - Cory Simmons
Table of Contents
Instant Responsive Web Design
Credits
About the Author
About the Reviewers
www.packtpub.com
Support files, eBooks, discount offers and more
packtlib.packtpub.com
Why Subscribe?
Free Access for Packt account holders
1. Instant Responsive Web Design
So, what is Responsive web design (RWD)?
Getting started
Quick start – making your first responsive web page
Step 1 – creating an HTML page
Step 2 – adding a stylesheet
Step 3 – making it responsive
Top 5 features you need to know about
The power of CSS Media Queries
Media types
Logical operators
Different strategies to make responsive websites
The Goldilocks approach
The Fluid approach
Desktop-first versus Mobile-first
Desktop-first
Mobile-first
Gotchas and best practices
Putting it all together
People and places you should get to know
Instant Responsive Web Design
Instant Responsive Web Design
Copyright © 2013 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.
First published: September 2013
Production Reference: 1230913
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-84969-925-9
www.packtpub.com
Credits
Author
Cory Simmons
Reviewers
Dario Calonaci
Matt Rheault
Acquisition Editor
Kevin M. Colaco
Commissioning Editor
Priyanka Shah
Technical Editor
Vivek Pillai
Project Coordinator
Michelle Quadros
Proofreader
Hardip Sidhu
Production Coordinator
Kyle Albuquerque
Cover Work
Kyle Albuquerque
Cover Image
Ronak Dhruv
About the Author
Cory Simmons is a web designer/developer with over 17 years of experience. He currently works at Pressed Web, where he has maintained a tutorial blog for years covering everything from basic HTML/CSS to Django and Meteor. He has worked for companies such as Scholastic and World Vision Charities. Cory has written for CSS Tricks and is an author at TutsPlus. He created and maintains the Jeet Framework.
About the Reviewers
Dario Calonaci is a Graphic Designer who has specialized in Typography and Logo Design.
He has worked for the United Nations conference Rio+20, selected for Obama for America and Node.js. His name and work appears on a book presentation inside the Senate's Library in Rome. He has been teaching Web Design since he was 23 years old. He is also a member of FacultyRow, a NY based association as a valuable Teacher and Academic figure.
He has been invited to talk at two seminars and run one workshop; his works have also been published internationally. He has also studied in a couple of thesis.
You may know more about him in his website http://dariocalonaci.com.
Matt Rheault likes to design and create things on the web. He enjoys his morning cup of coffee and the satisfaction of getting the job done. He specializes in full website, e-commerce, blog, and responsive web app development. His roots are in graphic and UI design, however he has extensive back and front-end development experience to ensure that he can create a full-fledged product from start to finish. When he is not at his desk working, you can usually find him cooking up some bacon or hanging out with his vegetarian girlfriend—oh the irony!
Check out his personal website at mattrheault.com, and his company website at fueled4.com.
www.packtpub.com