Максим Тимофеев

text-align: center;
https://jsfiddle.net/ukqhdx9w/14/

при уменьшении ширины экрана

Ответ тот же, но добавим медиа запрос

@media screen and (max-width:600px) {
  .fghfldf {text-align: center};
}

https://jsfiddle.net/ukqhdx9w/28

В качестве сетки используется Бутстрап

рад за Вас, а зачем нам это знать? И в како месте она используется, что-то не помню что бы у бутстрапа был класс footer-col. Да и раз уж Вы указываете что используете ту или иную технологию, указывайте ее мажорную версию. Ибо boostrap имеет их 4 и они крайне разные.

https://codepen.io/search/pens?q=loading&page=1&or...

А медиазапросами для разных случаев разный background-size не годится?

.ululyaka {background-size: contain;}
@media screen and (min-device-width: 1600px) {
.ululyaka {background-size: cover;}
}
@media screen and (min-device-width: 456000px) {
.ululyaka {background-size: 100% 50%;}
}

сделать hidden input и в него писать результат

и добавить "+"

есть секретный метод: нажать на клавиатуре сочетание клавиш "shift"+"=", есть и более изощренные, например через экранную клавиатуру. Можно подключить библиотеку типа fontawesome, тогда еще больше вариантов. Но мой любимы: зажать шифт и поднести палец к backspace, но в последний момент нажать левее

да, я не против, думаю коллеги тоже

1. Каждый браузер имеет различные варианты его реализации, так что тут результаты будут отличаться не только в разных браузерах, но и от версии к версии будут разные результаты. ОС и еще куча факторов будет влиять. Так что надо не замерять цифры, а сравнивать с чем-то другим. Например с реализацией box-shadow другими средствами. И думаю результат Вас удивит.

2. Не могу понять как вы определили

box-shadow + animation ощутимо жрёт ресурсы

если при этом спрашиваете

Какие есть способы для замера нагрузки конкретной странички на ЦП?

Для этого, кстати, есть панель разработчика в любом браузере. shift+ctrl+i

3. Мне кажется что подключение 18-ти версий jquery для каждого кривого плагина по 1-й - вот что жрёт ресурсы. Картинки по 8мб в слайдере - вот что жрет ресурсы. box-shadow - экономия на копейках.

svg через defer и потом через use дергать. Оптимально, удобно, стилизуемо через css

Для этого давно с css плюшка есть
position: sticky;
demo: https://codepen.io/CSSKing/pen/yyMGPJ
docs: https://developer.mozilla.org/en-US/docs/Web/CSS/p...
вот только надо юзать с префиксами и забыть про ie https://caniuse.com/#search=position%3A%20sticky

Решение через таблицы - есть

фу-фу-фу

Как без костылей сделать так, чтобы footer сайта всегда был внизу?

зачем фото, лучше код, а еще лучше код в песочнице. В целом прижатие к низу весьма просто достигается:

.myClass {
  position: fixed;
  right: 0;
  bottom: 0;
}

и html прямо перед </body>

Поиск рулит:
3 колоночный макет html
в частности:
htmlbook.ru/samlayout/tipovye-makety/rezinovyi-tre...

.col1 { width: 100px; }
.col2 { left: 100px; right: 200px;}
.col3 { width: 200px; right: 0; }

песочница:
https://jsfiddle.net/oc4ghrLk/20/

Сделать 2 элемента. 1 стрелка, она просто двигаться будет. Второй линия, она будет увеличиваться. Ибо перерасчитывать path не вариант, а трансформации изменят aspectRatio

https://jsfiddle.net/o1k9mbwd/6/

Это зависит исключительно от дров принтера. Возможно есть специализированное ПО. Но все равно ест зависимость от возможности принтера печатать без полей.