Responsive web design

Posted under » CSS on 25 Sep 2020

Bootstrap tries to achieve responsive web design but Bootstrap is not the only way to achieve this and I am not a fan because of the bloat. Let us explore the meaning and principles behind 'responsive web design'.

In order for a web design to be considered “responsive,” it needs to have three key features. Web designer/developer Ethan Marcotte — the author who conceptualized responsive web design — describes these features as:

The site must be built with a flexible grid foundation.

Images that are incorporated into the design must be flexible themselves.

Different views must be enabled in different contexts via media queries.

CSS-Tricks changes its web layout depending on the size of the browser’s viewport.

It is important to note that all three features need to be implemented in order for a truly responsive web design to take place.

However, as you can see from this site, I am not implementing responsive design. Firstly, anoneh is for my own consumption. My mobile phone resolution is 1600 x 720. So the width of this website is perfect for my phone. Secondly it is too much work and I don't want to waste my time. Last but not least, I find responsive website ugly. It makes everything bigger when you browse on you desktop. For example, look at BBC website on your handphone vs on your desktop. I am sure they know what they are doing. Most people are browsing using their handphone but for me I use desktop a lot.