CSS Class Name Generator




Collection of simple and human-readable class names

  • Before to think about the class name, choose a good name for HTML elements
  • Put the class name at the lowest possible level
  • Use content to find a name
  • Don’t use content, if the picture speaks louder
  • Try -like suffix for better reuse.
  • Don’t use camelCase
  • Try BEM
  • Try uglier
  • Usefully descriptive words
  • Try to use only one letter as a meaningful prefix
  • Try [] when too many classes of a kind
  • Use a js- prefix if it is only used by JavaScript

Post a Comment

Post a Comment (0)

Previous Post Next Post