Максим Тимофеев

Видимо вам нужно искать тут:
https://yandex.ua/search/?text=single%20page%20app...
А еще посмотрите на это:
https://angular.io
Не уверен, но может помочь вот это:
https://github.com/defunkt/jquery-pjax

написать для этого логику на js

inkscape https://yandex.ua/search/?rdrnd=433387&win=200&tex...
или редактор кода любой

все подобные вопросы решаются одинаково:
выводите в консоль событие и смотрите что там Вам нужно

clipboard.on('success', function(e) {
console.log(e);
    $.jGrowl("Скопировано");
    e.clearSelection();
});

stackoverflow.com/questions/35140718/angular-2-wit...

Очень очень не понятно что Вам надо. Видимо некоторые манипуляции с DOM, но тогда вопрос, почему на php? И даже если так, то хотя бы пример кода.
Если вопрос, как вывести некоторые данные из отправленной формы, то так:
echo $_POST['someMyData'];
и вставить в "определенное место"

Есть событие клика по кнопке плей, по нему останавливаете все видео и запускаете нужный.

Верстайте дивами, используйте bootatrsp сетку для простого построения мобильной версии. Для таблиц адаптивность делается с помощью горизонтального скрола, в том же boostrap есть классы для этого.

Ошибка в том что в модальное окно вложено модальное окно. Зачем такой ад?
Плюс думаю у Вас у модалок id одинаковый, в любом случае решать Вашу проблему можно только видя код. Без кода - все это догадки. А кофейная гуща уже заканчивается.

Все без php

сильно сокращает Ваши возможности, зачем отказываться?

Но есть сервисы рассылок, у которых есть api и можно сделать через них:
www.mailgun.com
https://mailchimp.com

Не встречал такие плагины, думаю надо писать самому js + canvas
Можете попробовать что-то выжать что-то из этих плагинов:
https://habrahabr.ru/post/246907/
Но ul и li тут точно не при чем. Скорее всего надо будет передавать структуру в виде json массива, зачем тут список?
Вот еще пример семейного дерева, который поможет понять как это делается:
jsfiddle.net/cyril123/0vbtvoon/22

Верстайте не строками, а колонками, родителю колонки при hover задавайте border-color
Если у Вас сверстано по другому - дайте код. Потому что по картинке сложно понять Ваш html, а описание и того сложнее.

лучший вариант - svg
www.w3schools.com/graphics/svg_intro.asp

avi - без вариантов. Надо декодировать или у себя на сервере после загрузки или использовать для этого youtube и аналоги.

Вот что поддерживается на сегодняшний момент:


Вот тут детально про avi + web:
https://html5book.ru/html5-video/

1. Править настройки редактора, что бы он использовал только width
2. Можно так:

.txt img {
    max-width: 100% !important;
    height: auto !important;
}