How to create a layout for your Web Application? | Ayush Srivastav | Skillshare

How to create a layout for your Web Application?

Ayush Srivastav, A skilled designer and presenter

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (10m)
    • Introduction

    • Create the Basic layout

    • Add some Colors

    • Add some Padding

    • Create the Magic

    • The Main Design

    • Add the Responsiveness

    • Final Thoughts


About This Class

Learn to create a basic layout for your next web application.

Most of the times, you might be disappointed because it's really hard to create a basic layout of the project. In this project I'm going to share you an easy way to create a basic Holy Grail Layout. We will create an extremely easy design of the web application right from scratch.

I will not use any built-in library or framework. Just pure HTML and CSS. Also, I have not added any content while coding because I want to keep it generic.

With this layout you can create

  • Online Portfolio
  • Your next big e-commerce store
  • Blog
  • Customized themes
  • any other cool application

Coding Environment

I will use Plunkr. However you're free to use any other online/offline code editor of your choice. I find Plunkr to be good, and I'd suggest you to use it right along with me.

Final Application URL

Click here to see the Final Project

Once you're done with your creation, you can use any other frameworks to code beyond this point.

I'm happy to see you in class. Happy Coding.





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Ayush Srivastav

A skilled designer and presenter

Ayush Srivastav knows what it takes to grab the attention. A skilled presenter and a programmer has taught more than 10,000 people how to learn the art of programming both software and hardware.

Hailing from India, Ayush made his trek to books to learn the art of programming. He has won praises and a wide following for his engaging style and his knack for transferring programming skills via practical, simple, universal and immediately actionable techniques.

Ayush first made a r...

See full profile

Report class