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

jsfiddle.net/gdqzwzpp/1

Ваши основные ошибки:

Неверное определение значений полей
Нужно определять значения полей с количеством запусков и интервалом в момент клика на кнопке. А у вас они постоянно равны NaN.

Неверная работа с отложенным запуском
Все вызовы play() вы поместили в одну кучу, не используя переменную цикла.

Ну и перестаньте уже работать с инлайн-атрибутами событий. Это — очень плохой подход.

Есть такая штука

::-webkit-input-placeholder{
	text-align:right;
}
:-moz-placeholder{
	text-align:right;
}
::-moz-placeholder{
	text-align:right;
}
:-ms-input-placeholder{
	text-align:right;
}

Да, для получения фокуса не элементами формы, ссылками или окнами обязательно требуется tabindex. В спецификации указаны и другие требования для получения статуса focusable.

Вот пример, который работает везде codepen.io/cleric/pen/upsLc
В том числе и в IE8.

!important и zoom: 1; — вот это признаки крайне плохого тона.
А порядок правил для селекторов не имеет никакого значения — это просто хэш, а порядок ключей в хэше никого не может волновать.

Есть личные предпочтения — мне удобней перечислять самые важные вначале блока, а не слишком важные в конце. Другие любят в алфавитном порядке. Как удобней, так и правильно.

Нужно для строчных элементов прописывать.
jsfiddle.net/petroveg/4k4mze9m

Жесткое кеширование браузеров текстовых полей форм, как исправить?

Для ответа в другой теме Как изменить текст при вставке (paste)? делал пример вставки в любое место codepen.io/cleric/pen/hIqye

Косвенно можно только в Firefox

navigator.mimeTypes['application/x-skype']
Для IE уже не работает

new ActiveXObject('Skype.Detection')
В webkit для определения Skype вообще никогда ничего не было. Так что общий ответ — нет, нельзя.

Так если вы динамически создаёте — ссылки на созданные элементы сохраняйте в переменных или свойствах объекта.

Всё хранится по ссылке, и при использовании переменной вместо абстрактного имени подставляется то, что по этой ссылке и находится.
Объектный литерал — всего лишь выражение, которое используется для передачи данных в конструктор Object. При этом все переменные заменяются тем, что реально хранится по этим ссылкам.

var id = 'test',
	num = 141241,
	num2 = 12424,
	arr = {
		str: num2
	};

arr[id] = num;

Canvas — растр
Потребляет ресурсы видеопроцессора, что делает его работу очень быстрой. Вследствие того, что он растр — умеет применять фильтры, делать захват кадра видео и т.д. и .т.п. С помощью Canvas доступна библиотека WebGL, что само по себе мощное средство для визуализации.

SVG — вектор
Можно использовать непосредственно в DOM, вставляя элементы на страницу. В результате такие элементы доступны для оформления с помощью CSS и являются полноценными участниками DOM. Это значит, что для них доступны как события (типа mouseenter, mouseleave, click и пр.), так и состояния (:hover и пр.).

В то же время, SVG может быть использован в качестве фона (data:uri), маски в фильтре CSS. В этом качестве он уже не доступен для управления с помощью CSS и Javascript.

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

Вбить в адресную строку

javascript:showAll();
Неожиданно, правда? А вот в href это использовать не нужно — прошлый век.

Кириллическая буква «с» в середине.
Любой редактор кода вам покажет цветом несоответствие названия атрибута.

Пы.Сы. Пропишите type="button" у кнопки, поставьте обработчик клика в документе (делегирование) и вообще не используйте атрибуты событий — плохо это.

Ничего достойного, кроме чистки этого говностиля, вы не придумаете.
Первым делом убрать всё, что прописано для тэгов, а потом вернуть некоторые копейки типа

a img{}
button::-moz-focus-inner{}

Ну и наберётся такого немного. А иначе вы так и будете мучиться. Вечно.
Кстати, использование чужого кода (каких-нибудь визуальных плагинов) на странице также приведёт к неведомым последствиям.

Только с помощью полифиллов типа Viewport Units Buggyfill, vminpoly и аналогичных.
То бишь эмуляция с помощью JS того, что не поддерживается в текущей версии браузера. Можно использовать и более общие полифиллы, покрывающие не только единицы измерения.

Безусловно, ведь нет поддержки только в IE9 и ниже. А для них пишется что-то своё, благо они поддерживают conditional comments.
В сложных случаях для этих версий IE (вертикальное расположение) можно написать полифилл (причём уверен, что реализованные варианты уже есть).

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

Ну просто подобрать проценты тщательней, вот и всё jsfiddle.net/petroveg/h7qzchs3
Вы разве не поняли смысл примера? Там есть смещение.