Как задать формат концов строк в svg после inkscape?

Там такой настройки вроде бы и не было никогда. Там были вопросы к scour, штуке от которой Inkscape зависит. Она некорректно работала на windows. Но это все очень давно было. Сама Inkscape 0.92 вышла лет шесть назад. С тех пор много воды утекло, много багов исправили, как в ней, так и в зависимостях. Может быть стоит обновиться для начала?

Как сделать SVG-схему поезда кликабельной?

В будущем используйте тег code для вставки кода.

Как сделать анимацию кардиограммы?

RAX7, добавить можно, но автор вопроса ничего не говорил про логику запуска анимации. Должна она быть бесконечной, или должна запускаться по событию один раз, или еще как-то. Поэтому в примере стандартная логика для таких анимаций - запустить один раз, из js, условно по наступившему событию. Перезапускается она чисто для эстетической красоты примера, чтобы кнопку rerun не нажимать.

Как сделать анимацию кардиограммы?

damir_tok, можно поиграть со свойством stroke-linejoin.

Как сделать анимацию кардиограммы?

damir_tok, если я правильно понял вопрос, то можно для path добавить что-то в духе:

transform='translate(0 100) scale(1 0.5)'
vector-effect='non-scaling-stroke'
stroke-linejoin='round'

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

Как сделать, чтобы при переносе последнего слова, вместе с ним переносилась иконка, идущая за ним?

Verygoodman, учитывая, что неразрывные пробелы - это очень надежный метод, который так просто не ломается, могу предположить, что у вас в верстке уже есть стили, где или тег a или i имеют свойство display, отличное от inline, которое у них должно бы быть по умолчанию. Попробуйте сделать их inline-элементами.

Как сделать, чтобы при переносе последнего слова, вместе с ним переносилась иконка, идущая за ним?

Verygoodman, и после того, как там остались только неразрывные пробелы, все еще появляется перенос иконки на новую строку?

Как сделать, чтобы при переносе последнего слова, вместе с ним переносилась иконка, идущая за ним?

Verygoodman, вы уверены, что там стоят только неразрывные пробелы, и нет никаких других?

Как проверить, загружен ли файл js?

Но насколько это правильный подход?

Оценивать "правильность" подхода в вакууме без контекста задачи - такое себе занятие. Код работает, но есть ли в нем смысл? Стоит внести контекст. Почему для карт вам не хватило просто тегов script с атрибутами defer? А если там не карты, то почему вы вообще подгружаете какие-то скрипты таким вот образом, а не используете динамические импорты? И нужно ли там что-то подгружать, может все в один бандл собрать и не париться? Какую конечную задачу вы решаете? Зная задачу можно уже будет что-то сказать по существу про подход к ее решению.

Анимация SVG без вставки кода иконки в HTML?

onees,

проблема в том что HTML код награмождается из за таких SVG

SVG-картинки вообще удобно хранить в виде отдельных файлов, чтобы можно было их обслуживать в графических редакторах. А подстановку в HTML всегда же можно автоматизировать - для любых сборщиков есть плагины. А уж куда там подставлять - в спрайты, в случайные места в интерфейсе, или на временные пустые тестовые страницы - это уже дело десятое.

Gulp не минимизирует pug-код, что делать?

Правда как недавно я посмотрел, походу этот плагин уже устаревший, ибо всю информацию с npm убрали.

Да вроде все на месте. То, что инструмент не особо обновляется, не говорит ни о чем. Он просто выполняет ту задачу, для которой сделан.

я задаю в начале файла плагину gulp-pug - pretty: true, то где бы я не задавал pretty: false

Покажите свой gulpfile. По такому описанию очень сложно понять, что вы там делаете, и зачем в цепочке преобразования кода pug присутствует более одного раза.

Почему вместо моего сайта, вставляется реклама?

Хм... Интересное совпадение.

Как исправить дергающуюся балку у колеса на CSS?

А какое движение в целом вы себе там представляете? В таких анимациях можно сильно упростить себе жизнь, если подумать над физической правильностью движений до того, как писать код. Вы сейчас пытаетесь сделать невозможный паровоз. Для того, чтобы эта конструкция ехала, маленькие колеса должны крутиться быстрее, чем большие. И одной балкой постоянной длины их так просто не соединить. У настоящих паровозов с разного диаметра колесами вообще нет полного привода.

Как по наведению на элемент проверить наличие дочернего элемента с определенным классом?

MashutaKlencheva, Кто мешает в зависимости от действий пользователя добавлять модификаторы?

Какую библиотеку выбрать для плавных переходов?

что мне выбрать, что актуальное... barba js не предлагайте, пожалуйста

Barba.js остается самым популярным вариантом вне мира react/vue/angular уже многие годы, и чего только с ней не делают. Уточните вопрос, почему этот инструмент вам не подходит?

Какую работу надо проделать для оптмизации сайта?

Проблема: спустя несколько минут работы сайта начинаются жёсткие лаги... Какой веб-сервер лучше использовать (IIS, Apache2, Nginx или Node.Js)? Какие ресурсы должны быть у хостинга? Стоит ли использовать HTTP-over-QUIC?

Без живого примера сложно говорить, но обычно прежде, чем что-то оптимизировать, нужно понять, что именно нужно оптимизировать. Уточните, с чем именно в технической проскости у вас проблемы? Что является бутылочным горлышком? Выражение "жесткие лаги спустя несколько минут" в контексте WebGL и тяжелых текстур может вообще не иметь отношения к серверу. Вы уверены, что проблема в нем и каких-то сетевых вопросах, а не в утечках памяти или перегрузке видеокарт у клиентов?

Нужно ли изучать PUG и насколько он эффективен?

Pug - это полноценный шаблонизатор, include в нем - это лишь маленький кусочек функциональности. Так что я бы не стал сравнивать эти инструменты как равнозначные. А познакомиться с такого класса инструментами определенно стоит, если вы раньше не сталкивались. Задачи разные бывают, иногда такие шаблонизаторы сильно упрощают работу. И это не настолько сложные инструменты, чтобы их прямо изучать месяцами.

Как вписать изображения большего размера, что бы разметка не ломалась?

Это лишнее

Ankhena, не совсем. Это меняет логику работы сетки и делает ее непробиваемой вне зависимости от размера экрана и картинок. Если убрать сброс позиционирования - то мы получим эффект, что оно работает на маленьких и высоких экранах, но появляется скролл на низких и широких. А автору исходя из вопроса как раз это переполнение и не нужно было.

GSAP. Как изменять zIndex на определённых точках Path?

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

свойств много таких, которые я вообще вижу первый раз в жизни ))

Ну это уже другой вопрос :-)

Шаблонизатор/препроцессор для верстки в 2021?

не видел чтобы кто-то его использовал ejs

Ну на npm у него 8.5 миллионов загрузок в неделю. Думаю кто-то из этих людей его точно использует.