Алексей Уколов

Разумеется, нужно при генерации html добавлять ключи явно:

<input type="text" name="answers[0][answer]">
<input type="checkbox" name="answers[0][right]" value="1" >

<input type="text" name="answers[1][answer]">
<input type="checkbox" name="answers[1][right]" value="1" >

<input type="text" name="answers[2][answer]">
<input type="checkbox" name="answers[2][right]" value="1" >

.map-ukraine {
  transform: scale(0.5);
}

Только всплывашки так показываются не там, где нужно.

name="test[key][]" value="foo"

https://css-tricks.com/navigation-in-lists-to-be-o...

Это не работает потому, что у тега input нет контента. А псевдоэлементы вставляются до или после контента. Нет контента - нет псевдоэлементов.

Невозможно ответить на такой общий вопрос.
Если у вас интернет-магазин и 50% пользователей ходят без js, то версия без js нужна. Или не нужна - зависит от бизнес-целей. Например, посещаемость 4 человека в месяц и прибыль 2000, а на внедрение не-js версии нужно потратить 20000, то это экономически нецелесообразно.

Мы за последние три года ни в одном проекте фоллбэки не делали.

DoubleWish: Вам нужно задачу разбить на две части:
1. Единая точка входа в приложение - фронт-контроллер
2. Отдача файлов в зависимости от запроса пользователя

Первая часть легкая - https://github.com/laravel/laravel/blob/master/pub...
А вот решение второй зависит очень сильно от вашей конкретной задачи.

Виновато свойство transform у .panel. К сожалению, не могу сказать почему так происходит с точки зрения теории.

Элементарно же - jsfiddle.net/cr4hon21
Или так - jsfiddle.net/cr4hon21/1

codepen.io/anon/pen/ZYqXdy

$('.item-more').click(function () {
        $(this).closest('.item').find('.item-toggle').slideToggle('slow');
        return false;
});

или

$('.item').on(
        'click',
        '.item-more',
        function (e) {
                $(e.delegateTarget).find('.item-toggle').slideToggle('slow');
                return false;
        }
);

api.jquery.com/scrolltop/#scrollTop2

$(document).scrollTop($('body').height());

api.jquery.com/event.preventDefault

Вы ведь не генерируете валидный Excel-файл, а хакаете его.
В этом случае никаких опций передать нельзя, потому что они хранятся во внутренней структуре файла, а у вас никакой структуры нет.
Единственный способ - использовать еще один хак:

window.open('data:application/vnd.ms-excel,' +  "'5620140829152611'");

<ul class="letters"> 
     <?php foreach($data->real_letters as $key => $letter): ?>
          <? $class = (array_key_exists($key, $second_array)) ? ' selected' : ''; ?>
          <li><div class="letter <?= $class; ?>"><a href="#<?php echo $key; ?>"><?php echo $letter; ?></a></div></li>
     <?php endforeach ?>
</ul>

Если во втором массиве нет ключей, то заменить array_key_exists на in_array($letter, $second_array)

#preview {
    margin-top: 50px;
}

Проблема в этом.

Если нужен отступ, то margin стоит заменить на padding.