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

Table of Contents (16 chapters)
Responsive Web Design by Example Beginner's Guide Second Edition
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – organizing the project directories, assets, and dependencies


  1. In the htdocs folder, create a new folder, and name it startup. This is the folder in which the website will live.

  2. Within the startup folder, create a folder named assets to contain all the assets like the style sheets, JavaScripts, images, and others.

  3. Inside the assets folder create folders to group these assets:

    • css for the style sheets.

    • js to contain the JavaScripts.

    • scss to contain SCSS style sheet (more about SCSS in the next chapter).

    • img to contain the images.

    • fonts to contain the font icons.

  4. Add the images, including the website logo, header image, icons, and the avatar image, as shown in the following screenshot:

  5. Now, we will download the project dependencies, which will include the Foundation framework, the icons, jQuery, and a couple of other libraries. Hence, let's open a terminal or command prompt if you are using Windows. Then, navigate to the project directory with the cd command:

    • In Windows: cd \xampp...