After realizing that I didn’t know what a framework was (wow), I decided to do some research that could break down the basics for me. Awwards.com has a list of the best responsive css frameworks for web design, so here I will define the concepts and describe the sites presented here.
As I had mentioned in my previous post, a framework can be defined as “a standardized set of concepts, practices and criteria for dealing with a common type of problem, which can be used as a reference to help us approach and resolve new problems of a similar nature.”
Basically, frameworks help to provide a common structure so that web designers don’t have to redo anything from scratch and can reuse the code that is provided. Needless to say, a framework is something like a package made up of files and folders of standardized code (HTML, CSS, JS).
There are two types of framework, backend and frontend. An example of a frontend framework would be either a CSS source code to create a grid or typography style definitions for HTML elements. Backend framework, according to awwwards.com is “a set of files with libraries to access databases, template structures, session management.”
The article mostly focuses on frontend frameworks, and lists a bunch of simple “grid systems” that offer stylesheets. These include cssgrid.net, goldengridsystem.com, muellergridsystem.com, titanthemes.com and much more. Each of these have the feature of responsive web design. And of course, the list goes on to Bootstrap, my favorite if you haven’t been able to tell already, that is described as “Sleek, intuitive, and powerful front-end framework for faster and easier web development.”