Book Image

Responsive Web Design by Example : Beginner's Guide

By : Thoriq Firdaus
Book Image

Responsive Web Design by Example : Beginner's Guide

By: Thoriq Firdaus

Overview of this book

<p>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.<br /><br />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.<br /><br />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!</p>
Table of Contents (14 chapters)
Responsive Web Design by Example Beginner's Guide
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Summary


We have just finalized our first responsive website with CSS3. In this chapter, we performed the following tasks:

  • Polished our website with some new properties introduced in CSS3, such as box-sizing, border-radius, and box-shadow

  • Created a fancy image hover effect with CSS3 Transforms and Transitions

  • Created a portfolio filter function with a combination of CSS selectors

  • Adjusted our website's styles in different viewport sizes with CSS3 media queries

Now that we are done with our first project with Skeleton, we are going to explore another framework to create a responsive website in the next chapter.