How to create a layout for your Web Application?
Ayush Srivastav, A skilled designer and presenter
-
-
Introduction
0:51 -
Create the Basic layout
2:05 -
Add some Colors
1:27 -
Add some Padding
0:37 -
Create the Magic
1:52 -
The Main Design
0:39 -
Add the Responsiveness
1:35 -
Final Thoughts
0:51
-
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.
Students
Projects
-
- --
- Beginner
- Intermediate
- Advanced
- All Levels
- Beg/Int
- Int/Adv
Level
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 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...
