Как сделать SVG анимашку для логотипа?

Danila232, да. Ну то есть там выбора особо и нет, кроме как каждую по отдельности подвигать.

Как сделать SVG анимашку для логотипа?

Есть ли какой то способ сделать это с помощью чисто svg свойств? А то JS я только начал учить.

Формально в рамках SVG есть технология SMIL. Но думаю, что вам будет проще стандартными средствами CSS их туда-сюда подвигать.

Как ускорить сборку webpack + pug?

Это началось буквально сегодня, до этого дня сборка обновлялась также как с стили со скриптами

А что у вас изменилось в системе/проекте? Если раньше все было ок, а потом вдруг стало не ок, то нужно бы первым делом посмотреть на изменения. Вы обновили какие-то зависимости, ноду, или еще что-то? В pug файлах проекта появилось что-то подозрительное, чего там раньше не было?

Почему не подключается OpenVPN?

Сообщение "Server poll timeout" означает, что ответ от сервера не пришел. В 99% случаев, если это не какая-то экстренная ситуация с самими серверами - это будут проблемы с каналом связи. Кто-то блокирует соединение. Либо вы сами находитесь внутри какой-то сети, где местный админ блокирует вам доступ, либо это ваш интернет-провайдер. В текущих реалиях, когда провайдеры блокируют все vpn-соединения без разбора, очень может быть, что и ваш изначальный запрос до сервера не дошел, и вы ждете ответа, которого никогда не будет, потому что сервер не знает о вас. Если вам нужен именно этот сервис (это сеть озона?) - то будет логично связаться с поддержкой и спросить у них, что делать. Они там должны быть завалены такими вопросами и должны иметь какие-то обходные решения для своей собственной сети.

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

Антон Вебсайтовский, Разберитесь с тем, что в расчетах происходит и откуда берутся те или иные значения. В моем примере все происходит "на весь экран", все размеры относительно окна браузера. Вы делаете контейнер меньшего размера. Может быть тогда уж и значения брать относительно него? Не нужно копипастить или методом тыка перебирать решения. Нужно разобраться с логикой происходящего, благо ее там совсем немного, и все ваши вопросы отпадут сами собой.

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

как сделать, чтобы данная анимация на дефолтное место становилось

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

Можно ли опустить первые 0% в linear-gradient?

еще смутило почему PostCSS которым как говорят собирается булма, не убрал

Не нужно слушать, что говорят. Лучше пойти и посмотреть самому на их скрипты для сборки. PostCSS там есть, но сам по себе этот инструмент ничего не убирает. В Bulma он используется только чтобы запустить автопрефиксер, который в свою очередь добавляет/удаляет префиксы. Он не занимается оптимизацией свойств. Минифицируют код они с помощью clean-css. Но этот проект вошел в "maintenance mode". То, что там есть - работает, но новые фичи не добавляются. Вероятно именно эта оптимизация с убиранием значений из градиента так и не была реализована. Не нужно искать скрытый смысл там, где его нет. Просто не хватило ресурсов на все. Такое бывает.

Gulp не создает style.css в чем ошибка?

Попробуйте для начала воспользоваться официальным примером и добавить лог ошибок. Возможно, что ошибки есть, но вы их не видите.
.pipe(sass().on('error', sass.logError))

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

Как быть с анимацией в Firefox?

TtT RrR, по аналогии меняйте color или fill у них (смотря как у вас там иконки нарисованы).

Как быть с анимацией в Firefox?

TtT RrR, А в чем проблема сразу использовать иконки нужного цвета?

Почему свойство transform-origin не работает для rotate() внутри svg-изображения?

А почему в первом случае без svg объект book некоректно возвращается в первоначальное положение хотя я прописал transform-origin: 100% 100%; ?

Влад, вы transform-origin задаете только для состояния :hover. Вполне логично, что оно не применяется для состояния "не-hover".

Как задать формат концов строк в 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? А если там не карты, то почему вы вообще подгружаете какие-то скрипты таким вот образом, а не используете динамические импорты? И нужно ли там что-то подгружать, может все в один бандл собрать и не париться? Какую конечную задачу вы решаете? Зная задачу можно уже будет что-то сказать по существу про подход к ее решению.