Pros and cons of CSS frameworks

I wrote an article "Using CSS Framework for Efficient Site Development" during my front-end time. Many friends asked me related questions. 5key has been working on the CSS framework architecture in the company very early on, and has also made suggestions on CSS frameworks to many friends. The effect is very obvious. Of course, CSS frameworks have advantages and disadvantages, and I have read some related articles recently. Some thoughts to share with you.

　Benefits of CSS framework:

　1. Improvement of development efficiency.
　If you are a front-end developer building a corporate website, I believe you will be working on the code for similar sites most of the time. A well-defined framework can greatly improve your work efficiency and avoid some common mistakes. If your work is billed by the piece, you will definitely get paid more than others.

　2. Standardize code naming.
　You may use some of the same CLASS or ID in multiple sites. If you have a complete CSS framework, you will soon be able to read through the code of each of your sites. No need to waste time reading code.

　3. Better teamwork
　Some companies will divide the front-end code of some larger sites into several sub-projects. Friends who have had this kind of experience should be deeply frustrated by this development method. They should pay attention to the common css and the code coordination between them. Over time, more and more obsolete codes become more and more difficult to read between each other. If you establish a suitable CSS framework, you can reduce many unnecessary errors and improve product quality and work efficiency.

　 4. Solve browser compatibility issues
Most projects now require compatibility with IE6, 7 and FF. Each site may spend some time dealing with compatibility issues. This issue should be dealt with at the framework level. This can save a lot of time for later compatibility issues.

　5. A complete set of structural codes with clear structure.
　The CSS framework provides a clean and rigorous infrastructure for your project. Through it, you can quickly build a basic HTML code framework for your site. Everything is difficult at the beginning, but the basic work ahead has been done. The subsequent development speed will be greatly improved.

　The CSS framework provides a clean and rigorous infrastructure for your project. Through it, you can quickly build a basic HTML code framework for your site. Everything is difficult at the beginning, but the basic work ahead has been done. The subsequent development speed will be greatly improved.

　 Disadvantages of the CSS framework:

1. You need to fully understand the entire framework
Everyone who joins the project needs to spend a certain amount of time to fully understand the entire framework and coding standards;

2. You will continue some Errors and bugs in the framework
No one can guarantee that the framework they develop is perfect and bug-free. You may need time to clean up the bugs in the framework;

　3. Limit development ideas
　The framework gives us the basic architecture and development ideas, which may limit your new ideas for product development;

　4. Bloated Source code
　 There may be a large part of the code in the framework that is not used frequently, and it will also reduce execution efficiency;

　 5. Semanticization of the framework
We have already noticed the semantics of HTML code. However, each site based on the framework is independent and unique, and it is difficult for us to ensure the semantics of the CSS framework.

For more related articles, please pay attention to the PHP Chinese website (m.sbmmt.com)!