Максим

keycode.info вот здесь Вы увидите к какой клавише на клавиатуре какой присвоен KeyCode
Информацию о том как использовать эту плюшку можно почитать здесь : https://learn.javascript.ru/keyboard-events
Примерная реализация такая :

if(event.keyCode == 39)
      {
          // блок инструкций 
      }

Визуальное скрытие SVG в разметке делается для того что бы сам SVG документ на странице не занимал место и не было пустого пространства ...
USE - это дубликат какого то объекта и этот тег помогает с экономить место на странице за счёт дублирования нужного SVG хотя в инспекторе кода будет отображаться как будто вставлен реальный код

Насколько это корректно ? Да вполне ...

Ну вообще любая но определённо такой cms не существует но заказать если сами не умеете можно
Самая запутанная это joomla
Но самая (мой мнение которое не оспоришь) это MaxSiteCms но опять же за бабло

https://github.com/yWorks/svg2pdf.js не знаю вариант это или нет

А если не парится с юникодами а вставить обычный svg ?

Правильно и верно это так как в макете ....
Покажите макет

Наискорейшего ? Тогда строительную площадку выбирайте

Это в смысле галерея ?

На SVG - это делается ...

Используйте функцию плавности : https://easings.net/ru
В каждом браузере есть такая возможность ..открыть инструменты разработчика а hide/show имеют настройки в том числе easing

https://freelenskygroup.github.io/ вот так
с ответом помогли : https://ru.stackoverflow.com/a/967529/330688

Там же ни чего не надо скачивать
А просто скопировать код из package control и вставить в консоль в st и всё

Ну как бы обводку менять с заливкой проще всего вот так : https://codepen.io/topicstarter/pen/zXoVNB

https://codepen.io/topicstarter/pen/pBNLLj так наверно
или так :
https://codepen.io/topicstarter/pen/qwqoYp