Евгений Петров

Ну это какая-то совсем простая задача. И делается просто.

При наведении на любой элемент внутри другого элемента, у второго сохраняется состояние :hover. В Javascript раньше мучались с mouseover, пока не появилось событие mouseenter, что соответствует этому псевдоклассу.

Не стал формировать расположение первого уровня с помощью flex, хотя уже именно так и нужно делать.

При конкуренции между контекстами z-index определяет победителя. Так что да — если вы для позиционируемого блока для контейнера выставили z-index, то этот блок не может выиграть у любого другого позиционируемого блока в контексте, который расположен в контексте, выигравшем у контейнера первого блока.
Изменить ситуацию можно, либо не выставляя z-index для контекстов, либо динамически меняя эти значения.

Счёт насчёт счёта. Граф считает счета на своём счету.

Update: Вот так примерно решается ваша задача. Ничего хитрого — просто смена z-index при наведении.

Достаточно просто реализуется такая схема.
Для кроссбраузерности display:table и отрицательный margin.

Если нужна поддержка IE8, потребуется скриптом выставлять класс (например, для label), поскольку он не понимает псевдокласс :checked. Всё остальное он сформирует нормально без лишних телодвижений.
Делается это вот так.

Вместо генерации кучи отложенных вызовов

var newstimer = window.setInterval('news();', 15000);

нужно вызывать один раз
setTimeout(news, 15000);

Вы хоть понимаете, что после первого отложенного вызова news() через 15 секунд эта функция будет вызвана 2 раза, после следующих 15 секунд 4 раза, и так далее в геометрической прогрессии 2ⁿ?

У background-clip нет по спецификации значения text.

Не знаток ASP.NET, но на клиенте нет разницы, кто сформировал код.
Предположу, что вам нужно делегирование, а именно:

$(document).on('click', '#connect', function () {
	myHub.server.connect('@Model.Id');
});

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

Никак. Не путайте структуру и визуализацию. Это как спрашивать — можно ли в CSS задавать action у form или for у label.
А в вашем случае можно совсем обойтись без таблицы.

Вся необходимая информация уже есть в спецификации. Называется Origin and Importance. Анализируются все 10 возможных источников, и то, где написано то или иное правило, в link или style, влияет на порядок этого правила, но не на скорость анализа. Это означает, что сам факт нахождения правила в разных источниках не влияет на performance, если принять, что эти источники одинаково доступны.

А вот что касается кэширования, то вы совершенно напрасно отметаете этот аспект, потому что на скорость построения CSSOM напрямую влияет доступность источников и то, что большинство браузеров строят CSSOM по мере их доступности. Безусловно, нахождение правил непосредственно в документе может ускорить этот процесс. Именно по этой причине те же рекомендации Google содержат совет включать наиболее важные правила в элемент style (раздел «Inline render-blocking CSS»).

Однако, не стоит забывать про дальнейшую жизнь проекта и его модификацию. И тут style проиграет link по всем параметрам, да и в разработке необдуманное использование style способно превратить жизнь в ад. Отвечая на ваш вопрос — да, включение правил в документ увеличит performance, но только при первой загрузке документа. Остальные документы этого проекта не заметят разницы, ведь внешний файл будет браться из кэша, зато трафик будет существенно расти.

Элементы формы доступны по их именам в коллекции elements

$(document).on('submit', '.send_form', function (e) {
	var input = this.name;
});

Конечно же можно.

Как сделать вогнутые углы у блока на CSS?
А вот так можно сделать, используя псевдоэлементы, box-shadow и overflow.
Конечно, можно использовать radial-gradient но уж больно зубчатым выходит. Поэтому придётся замылить край.

Любой скрипт может сформировать динамически любое количество скриптов.

HTML (загружаем асинхронно скрипт)
<script src="..." async></script>

JS (в асинхронно загружаемом скрипте загружаем асинхронно ещё один скрипт)

var script = document.createElement('script');

script.src = '...';
script.async = true;
document.head.appendChild(script);

Update: При каждой вставке скрипта документ со статуса complete переходит в состояние interactive. Если во втором скрипте нужно делать что-то только после построения DOM, то нужно проверять так:

if (document.readyState != 'loading') {
	// Делаем что нужно
} else {
	document.addEventListener('DOMContentLoaded', function () {
		// Делаем что нужно
	});
}

Про SVG уже написали. А вот решение на псевдоэлементах.
Угол можно менять, ширину контейнера тоже.

Если очень хочется знать всё до грамма, нужно проверять все направления

for (var i = 0, result = []; i < arr.length; i++){
	for (var j = 0, _result = []; j < arr[i].length; j++){
		_result.push({
			t: i == 0 ? null : arr[i][j] === arr[i - 1][j],
			tr: i == 0 || j == arr[i].length - 1 ? null : arr[i][j] === arr[i - 1][j + 1],
			r: j == arr[i].length - 1 ? null : arr[i][j] === arr[i][j + 1],
			br: i == arr.length - 1 || j == arr[i].length - 1 ? null : arr[i][j] === arr[i + 1][j + 1],
			b: i == arr.length - 1 ? null : arr[i][j] === arr[i + 1][j],
			bl: i == arr.length - 1 || j == 0 ? null : arr[i][j] === arr[i + 1][j - 1],
			l: j == 0 ? null : arr[i][j] === arr[i][j - 1],
			tl: i == 0 || j == 0 ? null : arr[i][j] === arr[i - 1][j - 1]
		});
	}

	result.push(_result);
}

console.log(JSON.stringify(result));

Если же достаточно знать, что ячейка непустая и совпадает с любым направлением, можно проще

for (var i = 0, result = []; i < arr.length; i++){
	for (var j = 0, _result = []; j < arr[i].length; j++){
		var status = !!arr[i][j];

		if (!status) {
			status = arr[i][j] === arr[i][j - 1] || arr[i][j] === arr[i][j + 1];

			if (!status && i != 0) {
				status = arr[i][j] && (arr[i][j] === arr[i - 1][j - 1] || arr[i][j] === arr[i - 1][j] || arr[i][j] === arr[i - 1][j + 1]);
			} else if (!status && i != arr.length - 1) {
				status = arr[i][j] && (arr[i][j] === arr[i + 1][j - 1] || arr[i][j] === arr[i + 1][j] || arr[i][j] === arr[i + 1][j + 1]);
			}
		}

		_result.push(status);
	}

	result.push(_result);
}

console.log(JSON.stringify(result));

Пример

Мы же помним, что margin и padding считаются от ширины контейнера? Пример