Как правильно использовать will-change с точки зрения оптимизации?

Рустам Байназаров, не совсем понятно.
В статье предлагают по событию mouseenter присваивать will-change.
Я предлагаю делать то же самое, но через :hover.

Так как JS пересчитывает DOM, присваивая новые стили. А :hover нет.
Если я не прав, поясните, пожалуйста.

Как вставить html файл в другой с помощью bootstrap?

Bootstrap и Foundation - CSS-фреймворки.
Боюсь, в CSS невозможно проводить такие операции, как вставка одного HTML-файла в другой.
Может, вы имеете в виду что-то другое, но вас не так поняли? Приведете пример того, о чем вы говорите на Foundation?

Почему чекбокс и радио undefined?

kesh_mir, посмотрите спецификацию по getElementsByClassName. Он возвращает массив всех элементов.

В вашем случае, если заголовок планируется один, то я бы написал так:

var caption = item[i].getElementsByClassName("caption")[0].innerHTML;

Если в заголовке будут присутствовать какие-то теги, например:

<h2 class="caption">
Caption <span class="text-muted">text</span>
</h2>

То я бы использовал такую конструкцию:

var caption = item[i].getElementsByClassName("caption")[0].innerHTML;
caption = caption.replace(/<[^>]*>/g, "");

Тогда в переменную caption будет передаваться чистый текст без тегов и атрибутов.

Как скрыть пункт меню li при определенной роли?

Макс Darkleviathan, если блок

if (user_has_role(array('spervisor'))) {
  $v_class = 'user-admin';
} else{
  $v_class = 'user-user';
}

переместить над блоком

<ul>
<a target=B _href=v.php?ix=lbgDB2M&ZM=2 onclick=cl(10)><li id=R5><font color=888888>Платники</font></li></a>
<br>
<a target=B href=v.php?ix=lbgCHAT><li class=$v_class>messenger</li></a>
<hr>
<a href=v.php?ix=lbgEXIT><li class=menu-img><font color=999999><img src=https://script.kiev.ua/img-stor/exit.png style=width:20px;height:auto> ВИХІД</font></li></a>
</ul>

то что?

Как скрыть пункт меню li при определенной роли?

Может, есть полный код? (меню и той кнопки, которая должна скрываться)
user_has_role - это готовая функция из php? Какой-то движок/фреймворк?
Вам нужно решить задачу на JS или на PHP?

Отправка формы до нажатия на кнопку отправки клиентом?

Nikolay Petyukh, метрика, разве не показывает нажатые кнопки?

Как увеличить блок при наведении?

eellazy, scale - это самый простой вариант. Можно обойтись и без него, увеличивая, например width и height. А также можно задействовать padding.

Можно даже оставить scale на главный блок, а другим, при наведении, поставить scale(0.8), например. Но это костыль, я бы так не делал. Хотя, работать будет.

Как реализовать спрайт на чистом CSS?

Да, и у меня такое же решение. Значит, все верно. Спасибо за ответ!

Как реализовать спрайт на чистом CSS?

А можно пример такого кода, пожалуйста?
Я вижу решение только в изменении DOM, а это затратно. Видимо, я что-то не учитываю.

Как сохранить вкладки после закрытия Google Chrome в Mac OS?

Проблема существует. Хорошо. 9 лет уже.
Как решить-то?

Как сохранить вкладки после закрытия Google Chrome в Mac OS?

То есть раньше у меня это работало и я ничего не нажимал ,а теперь, чтобы восстановить 20-30 вкладок, мне надо нажимать сочетания клавиш? Я же четко задаю вопрос, как вернуть работоспособность?

Как сохранить вкладки после закрытия Google Chrome в Mac OS?

Конечно

Добавление класса объекту при скролле вниз, а при возвращении до верхней точки сайта убирать новодобавленый класс?

<div id="full-price">2000</div>
И сюда же JS:

var div = document.getElementById('full-price');
var coord = div.getBoundingClientRect();
window.onscroll = function() {
	if (window.pageYOffset > coord.top) {
		div.classList.add('display-none');
	} else if (div.classList.contains('display-none') && window.pageYOffset < coord.top) {
		div.classList.remove('display-none');
	}	
};

coord получает координаты div
Далее исполняем анонимную функцию при скролле.
Если текущая прокрутка сверху больше, чем верхняя координата div, то добавляем класс display-none

.display-none {
  display: none;
}

Иначе удаляем этот класс (если он присутствует и прокрутка меньше нужного).

Почему именно класс? Ну вдруг вы захотите добавить туда что-то еще.

Как сделать выбор чекбокса?

ANTON K.:

$('.news').on('click', function() {
		var upDownElem = $(event.target.nextElementSibling);
    $('.news_info').slideUp()
    upDownElem.stop().slideDown();
    if((upDownElem) && (upDownElem.is(':visible'))) {
        return false;
    }
});

Я заложил здесь следующую идею:
При клике на .news (а мы помним, что .news перенесли на h3), мы берем соседний DOM-элемент (он же .news_info) и превращаем его в JQuery объект, чтобы можно было с ним работать. Ну, дальше и работаем по старинке.
Последнюю функцию я убрал, потому что она не используется в решении данной задачи.
Если нужно, чтобы меню сворачивалось, при нажатии на область вокруг, то используйте эту область. Сейчас функция выглядит так:

$(document).on('click', function() {
    $('.news_info').slideUp()
});

То есть при клике на весь документ, куда бы то ни было!. Нужно просто повесить событие onclick на другой DOM элемент.

Как создать собственные опции в wordpress?

Спасибо за подсказку.
Но я бы хотел организовать такое решение самостоятельно. Без прибегания к плагинам.

Дело в том, что у меня своя тема и я бы хотел использовать свои настройки для страниц. А потом, в зависимости от настроек, генерировать необходимый внешний вид, при выводе страниц пользователю.