Part 2 - Design Approach I am using right now for My Web Design Projects - Coffee Shop Website
Tags: webdev, javascript, design, beginners
Published: 2019-09-27 07:11:40

I posted my design Approach Part 1 yesterday. You can read it here: [Part 1 - Design Approach I am using right now for My Web Design Projects - Coffee Shop Website ](https://dev.to/justaashir/part-1-design-approach-i-am-using-right-now-for-my-web-design-projects-coffee-shop-website-1ni6).

#### Continued from the previous part
Now we have collected all the assets so we can't get distracted from code. so the next thing is to maintain code, like a 10x developer.

#### Make Sections Using Comments
Yep, Make Sections of your website in your code using Comments. It's really good then maintaining a lot of divs, it will help you later. It also works a to-do list from Top to bottom, you complete every section. also the same naming in both HTML and CSS will help you to maintain everything very easily.      
 - I use this variation of comment for sectioning :
 - `HEADER
---------------------------------------------------------`

#### Files Structure
Please Don't use [HTML5 Boilerplate](https://html5boilerplate.com/), Now it's really bloated with a lot of things you don't really need. You can easily make a structure of your projects easily. Very Customizable. BTW I am thinking about making a simple HTML, CSS Boilerplate according to modern Structure and Easy Style Guide. naming it, **KickStart Boilerplate**  or **Hello-World Boilerplate**. If you want to help me with this project, I will be really happy. Just contact me

#### Just Code with your Own Style
A lot of people say, you have to inspire from lots of websites available online. But I don't agree with this. Inspiration is good, but it really limits your creativity. If you chose a website for inspiration, you try to make the same thing, just change some color or fonts or left to right. and you say that I made this, no you didn't made this. the designer of the website you chose, made the design and he didn't really took inspiration from any website. He gets inspired by things other than websites, like Nature. Just follow some branding rules, surf some available websites. don't choose one design to follow.
**Want to here some design approaches from you**, Do you want a new simple boilerplate using a polished design Approach??
___
[Part 1 - Design Approach I am using right now for My Web Design Projects - Coffee Shop Website ](https://dev.to/justaashir/part-1-design-approach-i-am-using-right-now-for-my-web-design-projects-coffee-shop-website-1ni6).
 - I'm kinda active on Twitter : [www.twitter.com/justaashir](www.twitter.com/justaashir)
 - Some of my Popular Articles:
   - [Awesome Tools and Resources I Found on Twitter -
](https://dev.to/justaashir/awesome-tools-and-resources-i-found-on-twitter-3am8)
   - [Static Site Generators are not for me! My Experience with Jekyll, Hugo and NetlifyCMS
](https://dev.to/justaashir/static-site-generators-are-not-for-me-my-experience-with-jekyll-hugo-and-netlifycms-4mo5)
   - **Most Popular** - [Bulma - The Most Underrated Framework of the CSS Framework Era
](https://dev.to/justaashir/bulma-the-most-underrated-framework-of-the-css-framework-era-2gj8)