xmoonlight

jsfiddle.net/n9uuv0hd/54

Вместо класса ".vk-2" должен быть относительный идентификатор объекта места клика.

var s="1 ! 2 ! 3";
console.log(s.split(/[\s+]/));

SVG или Canvas (рисуем в памяти и вставляем в блок бэкграундом).

В какую примерно сторону рыть?

В сторону самообучения или фриланса)
JS: Drag-'n'-Drop события...

Делайте сразу нормально: смотрите Swoole.

Swoolle следует тем же принципам, что и Node.js и Netty, но для PHP.

Features

• Rapid development of high performance protocol servers & clients with PHP language
  
• Event-driven, asynchronous programming for PHP
  
• Event loop API
  
• Processes management API
  
• Memory management API
  
• Async TCP/UDP/HTTP/WebSocket/HTTP2 client/server side API
  
• Async TCP/UDP client side API
  
• Async MySQL client side API and connection pool
  
• Async Redis client/server side API
  
• Async DNS client side API
  
• Message Queue API
  
• Async Task API
  
• Milliseconds scheduler
  
• Async File I/O API
  
• Golang style channels for inter-processes communication
  
• System locks API: Filelock, Readwrite lock, semaphore, Mutex, spinlock
  
• IPv4/IPv6/UnixSocket/TCP/UDP and SSL/TLS support
  
• Fast serializer/unserializer
  

Use cases

• Web applications and systems
  
• Mobile communication systems
  
• Online game systems
  
• Internet of things
  
• Car networking
  
• Smart home systems
  
  

Линк на товар (включая всю инфу на странице, мета-теги и т.д.) - должен быть единым и уникальным для конкретного товара.
Пример: /product/123
Ссылаться на него можно из разных категорий - это никак ПС не карается.
Всё остальное - только в "плюс"!

Распределение долей затрат на работы:
100% - "база" (обычно - это главная страница)
до 25% - другая компоновка (новый тип ОДНОЙ ДОПОЛНИТЕЛЬНОЙ страницы) на основе готовой "базы".

Стоимость за "базу" (по фрилансу):
Бюджетное качество - от 4000 рублей.
Среднее качество - от 8000 рублей.
Хорошее качество - от 12000 рублей.

Качество - это не только ЕДИНАЯ и ПРАВИЛЬНАЯ (для нужной тематики и направления сайта) концепция цветов, шрифтов, стилистика оформления и дизайн элементов, но и вдумчивое расположение под дальнейшую вёрстку в различных разрешениях и группировка представлений и объектов по слоям в файл-проекте.

Полезная информация:
1. Общая формула трудозатрат: здесь
2. Про вёрстку (расчёт трудозатрат): здесь

Определите ценность вашего будущего проекта и возможность его заработка/дохода (если планируете на нём заработать). Если это меньше вашего желания и времени, которое Вы готовы потратить на него, - нет смысла даже начинать что-то делать.
Начали - значит доделывайте!
Ваш успех - зависит только от Вас!

Про графику: https://opengameart.org/

PS: Если не получается что-то посередине проекта (какая-то отдельная логическая часть) - "грызите" мануал до тех пор, пока не получится.

Различайте:
PHP - это наполнение и структура
CSS/JS - это рендер!
Любой вариант из CSS/JS, включая @media и overflow:hidden - подойдёт.

300-500 рублей

CMS - любая... Контент - генерит код.

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

У Вас должно быть несколько 1-ых частей, несколько 2-ых и т.д., чтобы потом Вы могли подставлять в нужное место (порядок следования - сохраняем!) произвольную часть нужного номера. И при прочтении страницы необходимо, чтобы сохранялся единый общий смысл у всего текста: следим, чтобы был смысловой переход от любой 1-й части к любой 2-й и от любой 2-й к любой 3-й - корректно сохранялся при прочтении текста целиком.

Про синонимы и прочие (базовый скриптовый рерайт) - это и так понятно...

1. Составить датасет из нескольких торцов этих рулонов. Т.е. фактически, это 6-тигранник с чёрными треугольниками по краям (0 - не зазор, 1 - зазор):

001100
110011
000000
110011
001100

2. Затем, определить все похожие части на изображении по обученному вектору НС (определение торца рулона).

Вот есть например "Глубокое машинное обучение", значение понятно, а как оно происходит — нет.

Значение не может быть понятно без понимания процесса!
Глубокое обучение

Пока ваш парсер по поведению не отличается от обычных пользователей сайта - он незаметен.
Достаточно корректно эмулировать виртуального пользователя (браузер, JS-события, периодичность запросов и правильность навигации), чтобы не быть забаненым.
Вкратце: запрос одной страницы на одном домене - не чаще одного раза в 15 секунд.

Локальная HTML-страничка с одной кнопкой: "Вход".
Форма отправляет POST-запрос с одним динамическим полем (токеном) на основе паблик ключа, заранее полученного от сервера (hardcoded).

Возможно ли то, что он, каким-то образом стянет мои данные, например файлы или системные данные (ip, mac, и тд)

Это делают даже на хостингах, а Вы - про человека спрашиваете?!)))
Однозначно стянет, если Вы напишите что-то стоящее, что можно обменять на деньги.
Поставьте OpenServer и разрабатывайте там всё, что хотите на локальном компьютере. А как научитесь более-менее понимать что и как - сами приобретите себе домен и хостинг.

Пытался... Вышло так..
Но не смог сделать тоже самое с названиями колонок... :(
Сорри...