Верстка адаптивного проекта с нуля - Вопросы по CSS

Всем привет! Возникла потребность сделать проект сразу адаптивным, даже больше для мобильных, чем для компьютеров.
Так вот, при верстке обычных проектов набрался определенного опыта в плане удобства (мне удобно), создаю основные селекторы пока в отдельном файле all.css, например:

fl_r{float:right;} и наоборот
moa{margin: 0 auto;}
clr{clear:both;}
tdn{text-decoration:none;}
dib{display:inline-block;}
ну, и так далее..

И понял что такой подход совсем не удобен при верстке адаптивных сайтов с нуля, т.к. при медиа запросах, 90 % селекторов приходится переопределять.
Переопределить то не сложно, хочется код сократить.

Так вот, хотел бы узнать, кто как поступает в случаях изначальной резиновости и адаптивности? Может какие то нюансы, алгоритмы есть, или методы..

Есть один метод. Нужно просто верстать на основе фреймворка Twitter Bootstrap 3, и сайт сразу будет иметь адаптивность. Кое-какие селекторы конечно придётся переопределять под медиа-запросы, но совсем немного.

Нужно просто верстать на основе фреймворка Twitter Bootstrap 3

Не нужно. BS - весьма тяжелый фреймворк, да к тому же тройка часто конфликтует со встроенной в ядро второй версией bs. Используйте uikit или materialize - в первом проблемы конфликтов решены на корню, во втором - нет точек соприкосновения с bs вообще.

Да не, меня интересует сам процесс, т.е. в плане удобства и уменьшения кода.. на счет бутстрапа и пр. я скептически настроен..)

Да не, меня интересует сам процесс, т.е. в плане удобства и уменьшения кода.. на счет бутстрапа и пр. я скептически настроен..)

Если Вас интересует сам процесс то вырубаешь интернет, берешь ручку и блокнот и ай да .....
Если результат, то прикручиваешь uikit и вперед.