Auto-Scaling and Dynamic Pages

I am sure if you are even remotely related to Web-Development you have heard the term Dynamic-Pages. Well, let me tell you it is one of the most misused terms of Web Development. When we use the term Dynamic Page (or web page), most of the time what we actually mean is an Auto-Scaling Page (or web page). these two are actually two different things.

An Auto-Scaling Page as the name suggests is a web page that scales (resizes and repositions) content in that web page according to the screen size of the device viewing it. This is done in a way so that the content looks good and is comfortable to read on every device on which the web page is viewed.

This is done because nowadays many users view the web pages mobile devices which have much smaller screen sizes. Most of the websites nowadays are  Auto-Scaling (Including this very blog that you are viewing right now). This can be done easily using CSS and Javascript coding. Even if you don't know that much CSS or javascript you can simply use libraries like Bootstrap or Materialize etc that do this for you.

Dynamic Pages, on the other hand, are web pages whose content is dynamically loaded from a database. These pages may have different content every time you load them. They may show different content to different people according to relevance. Most importantly, the content on these web pages can be change without refresh (mostly done in response to some user action like mouse click).

If the content on web pages are loaded dynamically then the overall speed of loading that website would increase. This is because normally we would have to send the entire web page over the internet every time user requests for a next post, pic, message(or any other form of content). However, if we use a single Dynamic page then we can send the entire web page only once and send only the content to be changed in the page when the user asks for a new post, pic, message(or any other form of content).

Dynamic Pages are a little bit harder to make than Auto-Scaling Pages. This is done using JavaScript again you have libraries like Angular JS, Jquery, JSON etc. to help you out.