В своё время при работе над темой оформления системы, посетила мысль, может быть проще интегрировать готовый CSS фреймворк в систему и не изобретать велосипед?

Соответственно вопрос, если да, как выбрать лучший css-фреймворк? По каким критериям оценивать, популярность, функционал, скорость работы?

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

Проанализировав основные факты и критерии, остановился на четырех кандидатах.

Bootstrap 4 - getbootstrap.com
Самый популярный, удобный, мощный фреймворк с развитым сообществом.
Примеры и документация

Foundation 6 - foundation.zurb.com
По популярности этот фреймворк находится на втором месте. Имеет большой набор решений и компонентов.
Примеры и документация

Semantic UI 2 - semantic-ui.com
Предлагает большое количество готовых элементов из коробки. На данный момент считаю его лидером по количеству готовых решений.
Примеры и документация

UIkIt 3 - getuikit.com
Разработчик данного фреймворка является компания Yootheme, которая специализируется на разработке шаблонов для CMS Joomla и Wordpress.
Примеры и документация

Сравнительная таблица популярности приведённых выше CSS фреймворков на основании проекта Stackshare.

С одной стороны - самое популярное - гарантия долгой поддержи...
С другой стороны -готовые решения удовлетворяют всем потребностям?

готовые решения удовлетворяют всем потребностям?

Как правило нет, требуется дописывать или дорабатывать даже для стандартного сайта, не говоря уже о проектах с большим пакетом функций.

Пока отложу эту идею, но в любом случае возможность интеграции любого CSS фреймворка останется.

Многие говорят, что бутстрап тяжёлый. Про остальные не слышал.

Моё мнение - у движка в коробке должно быть несколько вёрсток-заготовок без украшательств для разных шаблонов.

И вопрос ещё:
В коде очень много табличных элементов. Как от них избавится?
Какой бы шаблон или фреймвёрк не поставили - таблица из трёх колонок так и останется таблицей из трёх колонок.

Залезть в движок и переписать на блоки все.
Этим я тоже занимаюсь постепенно )

В коде очень много табличных элементов. Как от них избавится?

Иногда таблицам практически нет альтернативы. Можно конкретнее, в каких участках системы?

SLAED CMS, категории, когда они в центральной части.

SLAED CMS, категории, когда они в центральной части.

Хорошо, не вопрос, были мысли модифицировать этот участок. В следующей версии таблицы категорий, глобально будут заменены на Flexbox CSS3.

Одно из основных преимуществ это то что Flexbox блоки выводимых категорий делаются “резиновыми”. Это значит наши элементы смогут сжиматься и растягиваться по заданным правилам, занимая нужное пространство. Отпадает необходимость установки количества колонок в настройках модуля, формирование производится автоматически в зависимости от размера и количества свободного места.

Хорошо, не вопрос, были мысли модифицировать этот участок. В следующей версии таблицы категорий, глобально будут заменены на Flexbox CSS3.

Ураааааааааа!!!!!!

olevpa, пример работы категорий на Flexbox CSS3 можно оценить уже сейчас, допустим в том же каталоге файлов.