When designing a web page, there are many things that we end up repeating several times, such as creating menus, buttons, sliders , forms and other elements. They are small things that occupy an important time in any project, because although they are common and practically compulsory, they are expensive things to do from scratch.
It is for them that we can differentiate these frameworks & nbsp; in three major categories:
- Restarters or normalizers: are those that are used to remove all the rules that browsers apply by default or to apply some rules so that they overwrite the that apply, so that they look the same in all browsers (Normalize.css or CSS Reset).
- Stylists: apply styles in small measure to the most common elements (buttons , forms, tables, menus ...)
- Complete: these frameworks They are known for providing a wide variety of tools and very common functionalities in a really simple way. Some of them like sliders, manners (popups), scrollspy & nbsp; and tips when you hover over a sentence, word or container. These frameworks are very large, and therefore they weigh a lot and can slow down a lot when loading a web page. The most famous of these is Bootstrap, which has recently been updated to version 4.
Apart from these three major categories, we can distinguish two more:
- Icons: & nbsp; provide a large variety of icons that we can use to make the page more understandable and usable (FontAwesome).
- Animations: provide many very common and useful animations, to make our page more striking but with animations that have been created with great care in order to be smooth and non-intrusive.
In short, the frameworks of CSS can be very useful, but you have to be very careful, especially with our design not it looks the same as many others, since it does not slow down excessively our website.