Простой фреймворк без npm?

Question

[Griboks]

Добрый день.
Появилась задача написать сайт с красивым интерактивным интерфейсом. Необходимо сделать это просто, быстро и удобно. А именно: не использовать миллион библиотек, менеджеров и сборщиков, а просто закинуть файлы в папку с index.html и выгрузить на сервер. Пока в моей голове крутится только Jдинозавр-ui, но это совершенно не то, что требуется.

Какие современные, простые и красивые интерфейс-фрейворки можно использовать в 2017 году "из коробки" в блокноте (без node.js, gulp, babel, composer и прочего подобного мусора)?

Comments

[Дмитрий Кузнецов]

Хороших, с неплохим функционалом, наврятли найдёте, так как тот же composer (как правило для php) и npm (js и др.) используются очень часто, и они действительно необходимы.

[Griboks]

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

[sim3x]

Вы видимо слабо понимаете инфраструктуру js

Попробуйте разобраться, что такое npm, nodejs
Почитайте, что такое composer

[MeGaBoJIbT]

Как раз с npm-то просто быстро и удобно.
Вообще любой современный фреймворк можно и в стендалон виде получить, без предварительной сборки.
Но поддерживать это вам будет тяжеловато.

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

[alex-1917]

У вордпресс всего 1541 файл в дистрибутиве, какой миллион, бредишь или куришь? )))

[Griboks]

MeGaBoJIbT, мне необходимо просто набросать стандартный набор windows-like контролов и забыть про них.

[MeGaBoJIbT]

Griboks, то есть Вы готовы что компоненты будут выглядеть и работать в целом, но не совсем так как вам хочется?
То есть вы ищете какой-то готовый ui-kit а не конструктор?

Какие именно это компоненты вы включаете в "стандартный набор windows-like" контролов?
Там должно быть что-то что должно показывать много данных? Гриды? Календарь? Какая-то графика? Или кнопки чекбоксы да дропдауны?

Нужно предусмотреть локализацию?

Какая поддержка браузерами нужна? IE? Мобильные браузеры? Последние браузеры? Что хочу то и поддерживаю?

Проект коммерческий? Допускается ли использовать ограничивающие лицензии?

Плевать ли в целом на размер либы? То есть норм ли затянуть монстра с кучей лишнего для какой-нибудь админки или юзер привередливый и надо чтобы у него все летало?

[Griboks]

MeGaBoJIbT, ничего лишнего не надо тянуть. Никакой админки, никакой функциональности. Просто красивые контролы (списки, кнопки, картинки, дропдауны, чекбоксы, видеоплееры и т.п.). Локализация была бы хорошим бонусом. Лицензия не важна, проект некоммерческий. Браузер - хромы последних 10-20 версий. Скорость и красота в приоритете.

[MeGaBoJIbT]

Griboks, теперь по порядку. Я не знаю фреймворка который подходил бы вам точь в точь. Но не исключаю что они есть впрочем. Я бы по быстрому глянул mui и bootstrap. Они оч маленькие, там может не хватить того что есть.
Потом можно глянуть в uikit. Потом в semantic ui, но он по-моему в довольно тухлом состоянии, полагаться на него не советовал бы.

Но моя специализация - корпоративные чудовища и конструкторы, а не легковесные мелкие рыбки, поэтому может вам еще чего посоветуют.

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

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

Answer 1

[Alex McArrow]

Почти все. Многие из них можно скачать ввиде готовых архивов, где есть все что нужно.

Comments

[Griboks]

А какой вы бы посоветовали?

[Alex McArrow]

Bootstrap, Foundation, Semantic UI

[Sanes]

Griboks, Uikit 2/3 содержит массу компонентов.

Answer 2

[Евгений Калибров]

Bootstrap - https://getbootstrap.com/
SemanticUI - https://semantic-ui.com/
UIKit - https://getuikit.com/docs/introduction
и др.

Их все можно подключить по старинке, без npm и сборщиков.

Answer 3

[Алексей Скляров]

Во-первых, причем тут вообще npm и ваш UI? Это как сравнивать трактор с капустой. Gulp дает вам возможность удобно работать со своим проектом, подключать какие-то компоненты, выгружать все это на сервер и тд, это лишь инструмент. Все эти библиотеки (которые вам как раз, видимо и нужны) просто подключаются откуда-то консольной командой, однако все эти библиотеки можно просто скачать из источника.

Чтобы быстро и удобно (что по-моему не очень-то и удобно, если вы работаете без сборщика и прочих плюх), вам нужно гуглить ui frameworks и просто скачивать этот фреймворк (да-да, помимо обычной команды для node всегда можно взять и просто скачать исходники)

Comments

[alex-1917]

да это очередной школьник-велосипедист))) вот и получился не вопрос, а каша . надерганная из гугла...

[Griboks]

alex-1917,

причем тут вообще npm и ваш UI

У меня возникает тот же вопрос. Я хочу быстренько набросать готовых компонентов, а мне впаривают кучу <надёрганные из гугла слова>.

Answer 4

[shadobut]

blazecss или bulma