Александр Ме

Интересует все варианты

openssh
ftpd
postfix
bind
apache
nginx
lighttpd
mysql
postgresql
mongodb
couchdb
redis
memcached
mogilefs
logstash
influxdb
rabbitmq
beanstalkd
gearman
svn
git
mercurail
owncloud
gitlab
gitlab-ci
redmine
jira
youtrack
git stash
bamboo
Web site
....
мне продолжать?)))

mike153: пробовал все варианты. Nextcloud - это форк Owncloud. По сути, одно и то же, хоть и NC считается более продвинутым и вообще вся опенсорсная тусовка туда ушла. Поэтому пишу о нём. Всё исключительно на правах IMHO. Плюсы:
- Самый главный - это работа с файлами именно в файловом варианте. То есть, если предположить, что "всё упало", вы можете подключить диск с рухнувшего сервера к любому линуксу и вытащить инфу из /var/www или где она там у вас храниться будет. Также можно подключать внешние хранилища, то есть, предположим, есть у вас на сервере папка с фильмами и музыкой - их можно просто подключить в NC.
- CardDAV, CalDAV из коробки.
Минусы:
- Тормозит всегда, рандомно, в любой момент времени. Независимо от того Apache или Nginx, MySQL или MariaDB, тормозит на любом софте.
- Интерфейс - УГ, ШГ

Теперь о Seafile. Плюсы:
- Турбореактивный просто. Работает очень быстро.
- Интерфейс очень приятный.
- Продвинутое версионирование.
- Умеет открывать docx, odt, xlsx и т.д. без дополнительного софта. Но без редактирования. Если нужно редактирование - нужен отдельный Document Server от Collabora или Onlyoffice.
- PRO-версия бесплатна для 3-х пользователей, но смысла особого нет, т.к. enterprise-фишки заключаются в 1. полнотекстовому поиску по документам с помощью elasticsearch, у которого просто чудовищное потребление ресурсов 2. двух-факторной авторизации 3. и что-то там ещё, не особо нужное дома
- Есть клиенты для всех основных платформ
- Устанавливать можно как вручную по мануалу на сайте, так и воспользовавшись установочным скриптом, который сам всё сделает.
Минусы:
- Файлы хранятся в собственном формате, как это правильно называется? - на уровне блоков, что ли. Доступ к инфе только через веб-интерфейс, WebDAV, ну и приложения для синхронизации. То есть, вся информация в Seafile на диске представляет просто кучу мала из папок и файлов, которые нельзя так просто взять и использовать - нужен ещё дамп базы данных. То есть, в случае проблем с системой, достать информацию будет затруднительно. Но выход есть - seaf-cli - это безгуёвый клиент для синхронизации. Смысл в том, что на сервере, на котором крутится Seafile, дополнительно можно установить seaf-cli, натравить его на директорию, и он в эту самую директорию будет складывать синхронизированную копию инфы основной базы Seafile, причём в виде нормальных файлов, которые можно расшаривать как угодно, бэкапить и т.д. Минус решения с seaf-cli в том, что нужно вдвое больше дискового пространства для хранения инфы.
- Ну и как следствие такой организации файлов - невозможность подключить внешние хранилища, в отличие от тёплого лампового Nextcloud.

В общем, лично я остановился на Seafile.

https://codepen.io/SkiperX/pen/ggdzze
https://codepen.io/Vestride/pen/dABHx
https://codepen.io/dylanraga/pen/Qwqbab
https://codepen.io/nxworld/pen/ZYNOBZ
https://codepen.io/jamesbarnett/pen/yILjk
https://codepen.io/abergin/pen/ihlDf
https://codepen.io/hw/pen/biEBz
https://codepen.io/Lingyucoder/pen/hFxvq
тут есть

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

Можно применить деструктуризацию + значение по умолчанию:

constructor({ closable = true }) {
  this.isClosable = closable;
}

Можно проверять наличие свойства:

this.isClosable = props.hasOwnProperty('closable') ? props.closable : true;

Или проверять на равенство undefined:

this.isClosable = props.closable === undefined ? true : props.closable;

Или проверять тип:

this.isClosable = typeof props.closable !== 'boolean' || props.closable;

не могу ничего красивого создать

Ну еще бы. Потому что задача красиво создать лежит на плечах художника. А из синопсиса я понял, что вы даже не дизайнер (для меня среднестатистический дизайнер это отстойный художник с завышенным ЧСВ, нахватавшийся верхушек по ютубам).
Поэтому есть три варианта :
1) Выключить режим перфекциониста и пользоваться нативными средствами frontend того же bootstrap и радоваться жизни.
2) Нанять талантливого человека за деньги или позвать бездаря бесплатно (талантливый человек бесплатно работать не будет). Мусор на входе, мусор на выходе как говорится.
3) Изучить тему самому. Изучение нужно начинать с освоения академического рисунка, вдумчивого изучения истории искусства (чтобы разбираться в стилях и самому уметь задавать какую то стилизацию работе), перспективы, логики цвета, света, типографики и еще уймы мелочей.
Если пускаться в отважное плавание по пункту 3, то стоит запастись терпением и временем в размере примерно 3-4-5 лет.
Так что 1 вариант как по мне в данной ситуации самый лучший, а если проект начнет собирать какие то деньги, то можно подумать и о найме профессионала за деньги для создания красивой обертки.

Где брать вдохновение?

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

Стоит ли их использовать? Или писать на flex+css-grid?

CSS Grid пока мало где поддерживается, если хотитие пишите на нем с фоллбэками на flex, пост на хабре про это
Использовать сетку однозначно стоит, но мешать с CSS Grid - такое себе, не советую.

Вывести сразу весь массив $_POST и все (сори, сейчас не напишу вам готовый код, слишком поздно, смотрите в сторону foreach). Циклы в помощь. Либо назовите все ваши инпуты типа name-1 name-2 и тп и опять же цикл. Это скажем так самое простое что может быть. То, что у вас ajax не значит ничего. Php пофигу, тянуть $_POST если на него была отправка именно путем обычной формы или ему ajax отправили.