Использовать серверный скрипт, который будет собирать несколько файлов в один. Я таких решений еще не видел, но это может быть очень эффективно. В нашем случае он мог бы собирать фреймворк в один файл при запросе base.css и сохранить при этом доступность отдельных компонентов.

Очень интересная идея.... к тому же в таком случае можно будет передавать некие параметры... надо будет поэкспериментировать с этим...

для больших проектов нагрузка на сервер так велика, что тратить время на сбор чего либо - преступление. Здесь основное правило правильное кэширование всех ресурсов страницы - что бы они отлетали от сервера максимально быстро.

для маленьких проектов проще оставить CSS в разных файлах..... загрузка 2000-5000 человек в сутки - это маленький проект.

reset.css — сброс стилей по умолчанию.
type.css — настройка типографики.
grid.css — настройка разметки.
widgets.css — виджеты, такие как табы, выпадающие меню и кнопки.
base.css — подключает все остальные файлы, поэтому в html файле достаточно указать base.css, чтобы использовать все возможности фреймворка.

Чуть подробнее что в себя включает каждый из пунктов. Хотя возможно это тема отдельной статьи? :)

Ну все равно спасибо!

Спасибо за статью

В статье несколько раз упоминается термин "базовая сетка". Что имеется ввиду? Правильно я понял, что это шаблон (layout)- собственно верстка - взаимное расположение частей?

Базовой сетке (baseline-grid) посвящена статитья «Базовая сетка в веб-дизайне», это не layout.

И еще кто-то понимает как автор собирает (подключает) все css файлы в base.css.

Автор собирается их подключать с помощью директивы import, хотя это и уменьшает скорость загрузки сайта из-за того, что приходится грузить несколько файлов вместо одного.