Столкнулся с ситуацией, когда в рабочем проекте надо было поменять шапку сайта. Задача казалась простой: написать HTML, задать правила стилей. C заменой HTML шапки сложностей не возникло — открыл файл, старое удалил, новое вставил, но при замене уже написанных правил стилей пришлось потратить много времени. Дело в том, что все правила помещены в один файл, их там много, они разбросаны по файлу — сначала идут стили для больших окон, а потом через медиа-запросы спускаемся к более малым окнам. Пришлось отыскивать стили по всему файлу, относящиеся к старой шапке и проверять на всякий случай нет ли внутри них чего-нибудь такого, что могло бы повлиять на отображение других блоков сайта. В общем, этот поиск и проверка заняли много времени.
Хотелось бы как-то это все дело оптимизировать, к примеру, для шапки сайта написать код в отдельном файле стилей, для меню — в другом и так далее, а потом просто как-то объединить эти файлы в один. При необходимости изменений, к примеру, в шапке сайта можно было бы просто открыть отдельный файл, внести в него изменения и снова объединить с другими. Не знаю...
Что полезного посоветуете по этому делу? Наверняка же есть какие-нибудь полезные практики.