CSS/JS Framework для небольших сайтов

Я ищу среду разработки для создания своих веб-сайтов. Я создаю личные/малые бизнес-сайты и магазины с помощью Wordpress. Я использую символы подчеркивания в качестве отправной точки для разработки собственных тем. (для тех, кто не знаком - урезанная тема WP с хорошими шаблонами, сбросом/нормализацией и базовым CSS). Bootstrap был бы очевидным выбором, но он большой, «раздутый» и, вероятно, был бы излишним. Погуглив выдал 30-40 фреймворков, которые выглядели хорошо. Не хватает терпения/времени, чтобы начать пробовать.

Критерии:

  • должен быть бесплатным/с открытым исходным кодом
  • следует использовать SASS
  • должен позволить мне легко управлять всеми основными аспектами разработки интерфейса (навигация, заголовки, типографика, сетки и т. д.) — предпочтительно с помощью предопределенных переменных SASS.
  • может также включать в себя js-фреймворк, но это не обязательно. Я достаточно хорошо разбираюсь в jQuery, и мне не нужно его много.

Редактировать: после некоторого копания мне удалось сузить свои варианты до этих двух:

  • Базовый CSS — выглядит красиво, просто, давно не обновлялся.
  • Materialize — внешний вид Material Design, может быть как за, так и против

Приветствуются мнения.

Ответы (3)

Вы можете настроить Bootstrap так, как хотите, и включить только те функции, которые вам нужны, чтобы сделать его легким.

Я отмечаю ваш ответ принятым, потому что после некоторых исследований для большинства людей с такими проблемами это все равно будет самым разумным выбором. Изменить: тем более, что он переходит от LESS к SASS.

Вы можете использовать Metro CSS в качестве внешнего интерфейса веб-страницы. Это Open-Source и включает JS-фреймворк.

Использует LESS вместо SASS (мой предпочтительный препроцессор)
@galingong Теперь я узнаю о LESS и SASS, спасибо.

Я потратил три дня на поиск и тестирование фреймворков, поэтому отвечу на свой вопрос.

Те, которые я тщательно протестировал, это «MaterializeCSS», «GroundworkCSS» и «UIkit». Я также пробовал «SemanticUI», но прошел, так как у него официально нет порта SASS. SemanticUI был самым продвинутым из четырех.

Остальные три действительно полезны, но в конце концов я обнаружил, что Materialize позволяет мне работать очень быстро и эффективно. Если вы используете SASS, вы не ошибетесь ни с одним из них. UIkit также имеет порт LESS, если это важно.