The Endless Designs of Frameworks

Parker Glen Goodwin
Parker Goodwin’s Portfolio
3 min readOct 16, 2018

Frameworks are used by developers to build websites that are very responsive and appealing to the eye. One of the most popular frameworks is Twitter Bootstrap. It is used by millions of sites on the internet and has many templates to allow a developer to use to produce a website quickly and effectively. Bootstrap is a front-end framework that consists of HTML, CSS and JavaScript, I have used it in many projects and it saved me hours compared to coding a website by hand.

The social media giant, Twitter owns this framework and to all of the developer’s convenience, it is open source and free to use without requiring payment. That allows anyone in the world to download its core files and to build whatever they like with it. It is a project that anyone can contribute to via github.com, a website where developers compile their work and they are able to see other developer’s work as well.

The most recent release of Bootstrap, Bootstrap 4 has enabled more functionality to take place over the last version which was 3.3. It supports many different languages, even jQuery 2.0! This enables all different kinds of developers to use this framework to tailor a website to their liking. Bootstrap is beautifully compatible with SASS, a quick and effective way to style a site with preprocessed CSS via a compiler.

I created a website, a fake bike shop with several of Bootstraps functions, it is incredible because it allows so much functionality without having to have an immense knowledge of how to code, all of the documentation on their website comes with code examples that can be customized any website.

Carousel image on a bootstrap webiste

This is a carousel function that I used on that site I created, it was very simple to use and saved me a huge amount of time and headache trying to create one on my own.

Accordion function on a bootstrap site

Another function is what a lot of websites use as a FAQ section, this is an accordion that expands when it is clicked on. It enables a site to stay clean and display a lot of content in an orderly manner.

Bootstrap incorporates a 12 line column structure that is highly customizable to create sites for all platforms from mobile to desktop views. The column structure is essential to understand before you dive into bootstrap. It can either make or break your entire site. Be sure to read all of the documentation to prevent any headaches.

Conclusion

Frameworks are here to stay when the future of web development. They enable developers to create beautifully responsive websites in the blink of an eye. All developers are looking to simplify their workflows and become better to hone their skills. Beautiful websites bring success to their owners and results.

Parker Goodwin is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Web & App Development. The following article relates to (Bootstrap) in the (DGM 2780 Course) and representative of the skills learned.

--

--

Parker Glen Goodwin
Parker Goodwin’s Portfolio

Husband. Father. Web Developer. Currently a Content Manager and Quality Assurance Engineer at Goodwin Media, a local creative agency. Always looking to do good.