Hinting Example

Imagine I'm working on a large project and I've grouped all my variables that contain color values by prefixing them with the generic word they all have in common: color.

Then, let's say I needed a color for a border. I begin typing border: 1px solid $colo and my text editor can suggest all the color variables I've defined for my project. Perhaps I have a lot of colors in my project but I only want border colors. I could pre-define a few variables with my desired border colors. Then, when coding, I can simply continue narrowing the specificity of my variable name border: 1px solid$color-border and my text editor will auto-suggest any variables I have by that prefix. All I have to do is chose the one I want!

Even if you didn't have code hinting, this would still be an effective way of naming your variables. It helps you easily recollect what you've named variables because variables that share relationships share prefixes.

Conclusion

Naming your variables in this modular way will help you understand your project conceptually before you code, while you code, and after you code. It's a win-win-win situation!