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