xmoonlight

Но не разобрался как в итоге сохранить изображение на сервер (js не знаю вообще()

А наоборот - пробовали?
https://www.webcodegeeks.com/html5/html5-web-camer...

Простейшее добавление одного блока с двумя строчками кода приводит к новой пересборке всех стилей, на выходе опять же читсый html который снова нужно оборачивать php.

Используйте единый файл стилей и формируйте сам шаблон из нескольких файлов, подгружаемых динамически: includeHTML.

Raphael.js (SVG) - там есть такой функционал.

Нативный.

Three.js

https://habrahabr.ru/post/257053/
Вывод через php.net/manual/ru/function.ob-flush.php

Ковыряйте любую HTML5 игру с выбором уровней в формате SPA-приложения, написанную полностью вручную.

Единственный адекватный источник знаний: https://learn.javascript.ru/courses

Присоединяюсь к Роман!
Вам по сути нужно написать URL-роутер на основе HTML5 History API и в зависимости клика или GET-запроса, менять URL или делать переход на нужную часть Вашего SPA-приложения.

1. Наброски есть: здесь
2. Муравьи
3. Поймай муху!

madrobby.github.io/scriptaculous/effect-opacity

Могу предположить, что через обработку события разрыва соединения.

screenfull.js - здесь решение, включая отображение через iframe.

4 слоя уже загружены в виде "слоёного пирога".
передний - сетка из прямоугольных DIV
задние - черно-белые (фильтр CSS3 с эффектом) SVG clipping-круги, как бы описывающие эти прямоугольники
В момент выбора (клика):
1. фильтр снимается с выбранной подложки
2. z-позиция меняется, чтобы круг было видно
3. SVG clipping mask изменяется (анимируется) через JS, создавая эффект расходящегося круга.

Все четко сказал landergate!
Я добавлю к его ответу:
1. Сделайте кнопку "спам" (значок + диалоговое окно для подтверждения) напротив каждого сообщения юзера в чате.
2. Если юзер получил 50% или более голосов от других пользователей (для подсчета процентов, фиксируем кол-во пользователей в чате на момент входа юзера в чат-комнату), что он спамер - заносим этот IP в бан-лист на 1 час и фиксируем IP и кол-во штрафов в базе.
3. Если снова получил этот же IP: бан на день, затем (при следующем штрафе) - на месяц, на 3, на пол-года и перманентный.

Создайте прототип, который будет основным классом библиотеки, а в него включите все необходимые для работы.
https://learn.javascript.ru/prototype

Проверка регуляркой:

/([\x00\x08\x09, 13, 16, 17, 32, 37, 39, 46, 56, 189]+)/i

заменить как и первые три символа до конца.