Как подбирать имя переменным, классам и Id для элементов верстки?
1) не используйте ID
2) BEM
3) Css Modules
ИМХО, название переменных и классов в первую очередь должны быть очевидными. Я – фан БЭМ-нотации. Но предпочитаю разделять классы следующим образом: для разметки / для поведения. Если надо повесить обработчик события, обычно поступаю так: class="some-bem-class js-handler"