The Perfect Small Designing and developing steps

1.Designing

a.The Importance of Mockups

Mockup is the First Step of Designing. That's why Mockup Effects The Product/Website That We Do. Before Starting The Product/Website We Should show the Mockup to The Client. Because It is Easy to Make Changes in The Mockup. After Completing Mockup, It is More Easy to Move on to Second Step Called Designing. Only After the Completion of Perfect and Suitable Mockup We can Move on to Designing.We can Make Mockup Using Variety of Softwares Like Photoshop, Illustrator, Coreldraw...etc. For This We can Search in google "online mockup tools"

b.design section

We Give Life to The Mockup Here. We should Give a Colour Pattern for The Mockup. Colour Plays an Important Role in Designing "https://designschool.canva.com/blog/100-color-combinations/" When We Click in This Link We Can Know More About Colour Combo. Another Important Thing In Designing is "Font". In Font There is font-family, font-Weight, font-size, font-color,line-height. We should Keep in Mind all This Point While Doing Designing. Both color and font play an Important Role in The Beauty of Designing. Another Important Part is Layout Arrangement and Spacing. The Way of Arranging The Layout and Its Marging or Padding Give More Beauty and Grace to the Designing. When Design Start Developing From Computer monitor to Mobile screen, a New Concept is Born, Which is Known as Responsive Design. It is Good to do Design in Every Screen for egs: Tab, Mobile For Developing Frontent Easily . We can Make Designs Using Variety of Softwares Like Photoshop, illustrator, Coreldraw...etc.
The Effects, That We are Planning to Give For the Layout We should Decide here.
Effects egs...http://www.jqueryrain.com/example/image-effects/

2.Developing

a.Front-end Developing

The Designing Mockup is Convert in to a Code in This Process. To Make This as a Webpage We

Should Use HTML Language"http://www.w3schools.com/html/html_intro.asp,"When We Search in This Link We will Get Intro About HTML. We Can Use Different Type of Frame Work To Make Responsive Design Easy. egs:"http://getbootstrap.com/"

We should Give Special Consideration For Naming Convention in Frontent Developing.
The Comment should be Understandable.
If We are Using Framework, Use classes of Framework.

b.Animation Effects

After The Completion of Conversion by Adding Effects, This Can Increase The Beauty of Site or Product. We can do Animation Using JQUERY,CSS3,HTML5. For Animation Many Plugins Are Available. We can Search in CSS3,JQUERY , HTML5 Animation/Effects In google
effects egs..."http://www.jqueryrain.com/example/image-effects/"

c.Back-End Developing

As The Amount of Content Keeps on Increasing in Site Along With That The Importance of Back-end Developing Also Increased. Developer Use Programming Languages{egs..php} to Make The Site Dynamic. After Setting Back-end,The User Can Sign in to AdminPanel Very Easily to Using Their Username and Password. We Can Use Variety of Softwares For Front-end and Back-end Developing egs: Dreamweaver..,notepad++...etc