If you were building a house from scratch, would you spend countless hours milling your own lumber or casting your own bricks? No, you would first gather the ready-made supplies you need to get started building.
Bootstrap makes it easy to integrate many great features to enrich a user’s web interaction without having to code them from scratch. Bootstrap v5.0 is a major update and its first alpha release is out into the wild. This release is just the tip of the iceberg for what’s to come. For now, developers can explore what’s new and provide feedback until the official release.
So, what’s new? Here’s a few updates that stand out to the team here at BitBakery:
In a huge step to make Bootstrap v5.0 more lightweight, jQuery is getting the axe.
Drop Internet Explorer 10 and 11 support
Remember 1995, when Internet Explorer blew our minds, we played Pogs, and people could go to live concerts with artists like Janet Jackson or The Red Hot Chilli Peppers? (Unfortunately I do not, as I was born a few years later…)
Today, like large social gatherings, Internet Explorer is no longer relevant.
This switch is even more beneficial now that Internet Explorer has been replaced by Microsoft Edge. Using Google’s Chromium engine, developers can build from Chromium and their website will work on Chrome and Edge with minimal testing.
This enables web designers and developers to focus more on designing modern web pages without having to worry about breaking any piece of code on old browsers or increasing the size of every project.
If a framework as popular as Bootstrap can drop support for Internet Explorer 10 and 11, others may soon follow suit.
CSS custom properties
Bootstrap v5.0 would not be interesting without the new Bootstrap CSS class. Thanks to dropping support for Internet Explorer, Bootstrap 5 now supports custom CSS properties.
For example, table components make use of local variables to make striped, hover-able, and active table styles easier.
We can expect there will be some CSS classes that will no longer be available in the new version and some CSS classes that will be added.
Switching from Jekyll to Hugo
Jekyll is used to build websites with easy to use navigation, website components and generate content all at once. While Bootstrap v4.0 has been a great tool to integrate with Jekyll, a major switch from Jekyll to Hugo is anticipated.
Hugo is described as “one of the most popular open-source static site generators, making building websites fun again”. Similar to Jekyll, it is a static site generator but written in Go language. Hugo is lightning fast, easy to use and configurable. Compared with Jekyll, it has a great integration with the popular web host and can organize your content with any URL structure.
Should you switch?
If your current projects need support for Internet Explorer 10 and 11, are dependent on jQuery and don’t need new features of Bootstrap v5.0, you can afford to sit tight until a stable version of Bootstrap v5.0 is released.
Alternatively, if you want to use Bootstrap without the dependency on jQuery, or want to utilize the new features of Bootstrap mentioned above, you might want to consider making the switch over to Bootstrap v.05 in your new projects or update your older ones.
With all the new updates coming in Bootstrap v5.0, we’re looking forward to seeing how Bootstrap continues to make the framework lightweight, simple, useful and faster for the developer’s benefit.