CodeHelper — Home
HomeToolsArticlesResourcesProjectAbout
Resources
⌘K

Tools

Articles

ResourcesCSS Methodologies

CSS Methodologies

CSS architecture and best practices

4 tools in this category

Quick Guide

Use CodeHelper's tools when you need:

  • •Privacy & offline processing
  • •No account or signup required
  • •Fast, client-side operations

Use external tools when you need:

  • •Team collaboration features
  • •Cloud storage & synchronization
  • •Extensive template libraries

All Tools

  • OOCSS

    OOCSS concepts help us write components that are flexible, modular and interchangeable.

  • Atomic CSS

    Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.

  • BEM

    Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development.

  • SMACSS

    SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.

You might be interested in

CSS Frameworks

59 tools

CSS Animations

24 tools

Colors

63 tools

HomeToolsArticlesResourcesProjectAbout
LinkedInInstagramXGitHub

© 2025 Gianluca Tiengo — Web Developer . All rights reserved.