Menu
The SMACSS framework introduces a consistent way to manage your CSS code so that it is reusable and maintainable, but it is more of a guideline of how to organize your CSS rather than an actual framework. It would be nice if there were any other frameworks that were based off of its philosophy, but I haven't come across any.
Does anyone know of any CSS frameworks that are based off of the SMACSS method of organizing CSS code?
349
SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS.
If you're just starting out with CSS and UI, go for Tacit, Pure, or Skeleton. However, to build more complex elements, you'll need a more inclusive framework like Foundation, Tailwind, or Bootstrap. You can get an easy learning curve through Bulma or Semantic UI.
Since OOCSS is an abstract coding methodology, BEM is a concrete application of OOCSS, and SMACSS is an OOCSS-focused organizational structure, they actually play together very nicely--especially when you throw Sass into the mix. Each of our applications have a core style.scss file, which includes several partials.
Pure is a newer CSS framework that is based on SMACSS. It seems to be related to the YUI project.
From their extend page...
Based on SMACSS
Pure is broken up into a set of responsive modules. From the beginning, we adopted SMACSS as a convention for writing our CSS. For those who are new to SMACSS, you should give it a quick read, especially the section on module rules.
90
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
