Responsive Web Design by Example

Discover how you can easily create engaging, responsive websites with minimum hassle!

Overview

• Rapidly develop and prototype responsive websites by utilizing powerful open source frameworks
• Focus less on the theory and more on results, with clear step-by-step instructions, previews, and examples to help you along the way.
• Learn how you can utilize three of the most powerful responsive frameworks available today: Bootstrap, Skeleton, and Zurb Foundation.

In Detail

Responsive web design is an explosive area of growth in modern web development due to the huge volume of different device sizes and resolutions that are now commercially available. You can now create your very own responsive website quickly and efficiently, allowing you to showcase your content in a format that will work on any device with an Internet browser.

By following our detailed step-by-step instructions in this structured reference guide, you will learn how you can build engaging responsive websites. With coverage of Bootstrap, Skeleton, and Zurb Foundation you’ll learn about three of the most powerful responsive frameworks available today.

Leading you through by practical example, you’ll find that this essential reference develops your understanding by actually helping you create beautiful websites step by step in front of your very eyes. After going over the basics, you’ll be able to choose between creating your own responsive portfolio page with Skeleton, building a stunning product page with Bootstrap, or setting up your own professional business website with Zurb Foundation. Ultimately you’ll learn how to decide which framework is right for you, and how you can deploy and customize it to your exact specifications!

What you will learn from this book

• Learn how to decide which responsive framework is right for you.
• Harness the flexibility of Skeleton to create a truly unique portfolio.
• Use Bootstrap to almost effortlessly create a stunning product launch page.
• Create an online presence for your business that will work on any device with Zurb Foundation.
• Discover how you can leverage CSS to its full potential for refining your responsive websites.

Approach

Written as a concise yet practical guide with an explicit focus on showing beginners how to get their very own responsive websites up and running, this essential reference includes coverage of tried-and-tested responsive frameworks in a project-based format that simultaneously provides visible results whilst developing core understanding.

Who this book is written for

Ideal for anybody who wants their online presence to be compatible with devices and resolutions of any size, “Responsive Web Design by Example” shows you how to select the right framework for your own project requirements and then guides you through the process of installation, configuration, and customization. With three highly structured and meticulously designed projects to choose from, it is the ideal reference for both new and existing web developers who want to be able to augment their skills and showcase their content in a truly professional manner.

Table of Contents

Chapter 1: Responsive Web Design
Chapter 2: Constructing a Responsive Portfolio Page with Skeleton
Chapter 3: Enhancing the Portfolio Website with CSS3
Chapter 4: Developing a Product Launch Site with Bootstrap
Chapter 5: Enhancing the Product Launch Site with CSS3 and LESS
Chapter 6: A Responsive Website for Business with Foundation Framework
Chapter 7: Extending Foundation