Responsive web design

Posted under » CSS on 25 Sep 2020

Modern CSS frameworks like Bootstrap tries to achieve responsive web design. 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. That said, I don't use my phone often. Secondly I don't want to waste my time on looks. Content is more important. 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 because most people browse using their handphone.