Responsive design no longer requires BootStrap.

The most popular CSS framework  "the Bootstrap project" started by twitter developers is now obsolete. It is time to move to CSS grids and flexbox. 

The use of CSS frameworks in design gained momentum when browsers started supporting CSS @media breakpoints which is the anchor of responsive design. Things started changing when you had to optimise your site for different screen-sizes of mobiles, tablets, laptops and it was just not enough. If you were running client projects then you would have to write a lot of CSS to fit your client's site according to their screen sizes. Sure bootstrap has the fluid layout as well but it is just as limiting as the original bootstrap.

BootStrap is now a limiting factor in building better a web-design. It now appears bloated and not so flexible.

Here is a short example to prove my point. Consider the image below.

The first three blocks in the row are Bootstrap and the last 3 blocks in the row is custom CSS grid.

The last three blocks are using 1 line of CSS code, whereas the bootstrap is more than 50 lines ( sass-mixin ). Plus if you see the responsiveness of later 3 is better than that of the first 3 bootstrap blocks and would work in any given layout without any limitation.

In my next post, I will share a WordPress theme that I have built using the same techniques. The result is amazing with just few line of code. The aim was to create a WP theme is less than 10 kb and look good on all platforms and devices.

p.s : This post was written on Gutenberg and it rocks !

September 24, 2018

0 responses on "Responsive design no longer requires BootStrap."

Leave a Reply

top
Template Design © VibeThemes. All rights reserved.

Privacy Preference Center

Necessary

This cookie is set when you login to your account at VibeThemes. VibeThemes based on WordPress sets this cookie, which indicates when you're logged in, and who you are, for most interface use.

WordPress uses the two cookies to bypass the password entry portion of wp-login.php. If WordPress recognizes that you have valid, non-expired cookies, you go directly to the WordPress Administration interface. If you don't have the cookies, or they're expired, or in some other way invalid (like you edited them manually for some reason), WordPress will require you to log in again, in order to obtain new cookies.

wordpress_logged_in_[hash],wp-settings-{time}-[UID]

Advertising

Analytics

Comments

When you comment on VibeThemes blog, they too get cookies stored on their computer. This is purely a convenience, so that the visitor won't need to re-type all their information again when they want to leave another comment.
The commenter cookies are set to expire a little under one year from the time they're set.

comment_author_{HASH},comment_author_email_{HASH},comment_author_url_{HASH},

%d bloggers like this: