Как подправить синтаксис кода в Sublime Text 3 в OC Linux (Mint 18.3)?

Артем Волков, значит сниппет с этим триггером уже существует, либо в Packages/User, либо в каком-то из плагинов.

Скажите объективно, какая книга сформирует правильный фундамент, Выразительный JavaScript или Илья Кантор?

Eloquent js это чисто теория, а Илья говорит как практик, следовательно оба источника информации вполне актуальны.

Какие размеры картинок выбрать для responsive?

pavelkunyavskiy, "Вопросы - откуда цифра 1200px. Почему не 1150?" - мне было бы приятно, если бы мой пользователь видел изображения в максимально возможном качестве. А 1200px это просто максимальная ширина удобная для просмотра такого контента как изображения. Можно сделать и больше, но я никогда не видел чтобы ширина блоков с контентом была больше 1000-1200 пикселей. Разве что какие-нибудь дизайнерские сайты. Почему 1200 - потому что я у себя на сайте сделал чтобы для основного блока это была максимальная ширина, потому что мне показалось что это удобно. И не только мне. Но об этом вы уже можете почитать в интернетах, есть много статеек о таких исторически сложившихся значениях.

"А как выбрать размер под мобильные? Отчего отталкиваться? Просто какая цифра понравится?))" - а это уже совсем другая история не имеющая отношений к плотности пикселей. Но чаще всего для подобного существует некая таблица поддерживаемых устройств/платформ. Из этой таблицы экстрагируют усреднённые значения разрешений, в итоге получается небольшой список брейкпоинтов типа как здесь. Для каждой картинки генерируются соответствующие варианты в каждом диапазоне. Ну а если нужна ещё и плотность, то соответственно ещё и по варианту для каждой поддерживаемой плотности. То есть если вы поддерживаете только устройства с разрешениями 640x480 и 1920x1080 и плотностями x1 и x2, то для картинки cat.png нужны будут такие варианты: cat-640x460-x1.png, cat-640x460-x2.png, cat-1920x1080-x1.png и cat-1920x1080-x2.png, где варианты для устройств с разрешениями большими 1200 пикселей будут иметь максимальную ширину в 1200 пикселей.

По теме читайте гугловые гайды, они дают вполне сносный уровень понимания о чем стоит заботиться при разработке responsive. Ну и само собой даже их гайды это просто истории о том как сделали они, а не императив, грааля не существует, все делают по-разному.

К тому же существует множество материалов, в которых разбираются всевозможные подходы к организации responsive: mozilla, cloudfour, css-tricks.

Какие размеры картинок выбрать для responsive?

pavelkunyavskiy, смотрите, есть у меня портрет моей любимой панды в дико крутом качестве, весит он около 60 метров. Так исторически сложилось, что он имеет размеры 7260px/10940px. Если я хочу вывесить эту прекрасную фотку на свой сайт, то я делаю уменьшенный до 1200px (например) вариант для 1x плотности и вариант вчетверо объемней для 2х плотности. Получается соответственно 1200px/1808px и 2400px/3616px.

"изменение размеров экрана влечет собой изменение размеров отображения на сайте" - конечно нет, это не имеет связи с responsive версткой. Даже если речь о резиновой верстке, то всё равно этот полуофициальный термин никак не обязывает вас задавать всем изображениям относительную ширину. Это больше к дизайну. К тому же, это не о px-плотности.

"Там четко прописаны размеры картинок, которые отдает сервер под разные экраны. ... Мне важно понять руководствуясь чем делать подобный выбор, откуда эти цифры вообще." - это делает сборщик, который при сборке страницы смотрит на размеры каждого изображения и устанавливает нужные для всех требуемых плотностей.

Как не писать г-код html?

JyriG, почему основы основ, БЭМ это только один из дюжин десятков существующих подходов к организации CSS+HTML.

Смена языков на стороне клиента — JavaScript (jQuery)?

Faber Estello, ну вы гляньте в консоль что ли. Есть ошибки? А что в панели network, запрос прошёл? Файл en.json существует?

Проблемы с модульным окном, мерцание как убрать?

Все просто - достаточно взять любую самую простую модалку на JS вместо этих бесполезных "only CSS" приблуд и всё будет норм, я гарантирую это.

И кстати почему файлик со стилями для модалки закомментирован?

Смена языков на стороне клиента — JavaScript (jQuery)?

Сильно сомневаюсь, что вам подобное будут разжевывать. Вот вы спрашиваете как должен выглядеть JSON, а я прямо в середине статьи вижу примеры JSON-файлов. И что значит "как запустить действие"? Вы же видите, что в коде объявляется функция $.redrawLanguage. Ну, вероятно чтобы запустить действие надо выполнить эту функцию и передать в неё название языка.

Характеристики (аттрибуты) поста и фильтр по ним?

Любой приличный фильтр умеет в custom fields, так что их и стоит использовать.

Как взять те имя стран где selected и когда изменяю то изменилась в real time?

А в чем сложность возникла?

Как сверстать 12 блоков во всю высоту экрана мобильного устройства?

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

Во-вторых, нет, это не шутка. Я представления не имею о чем там у вас речь, может вы хотите просто 12 блоков и всё, больше никакого контента. Для того и нужен пример. А в остальных случаях 100vh должны спасти.

Опять же - если вас 100vh не спасают, то покажите живой пример, ибо это вообще стандартный ход когда нужна полная высота вьюпорта.

Как сверстать 12 блоков во всю высоту экрана мобильного устройства?

html, body {
  height: 100%;
  width: 100%;
}

* {
  border: 0;
  margin: 0;
  padding: 0;
}

block {
    height: 100%;
}

Или если речь только о блоках, то height: 100vh

Как достать элемент из массива?

123 достаётся так: mass[2].input[0]

Но само собой вопрос у вас не в этом, а тогда в чем?

Что происходит в этой функции?

Дмитрий Тимошкин, 24 получается потому что факториал 4 равен 24. А порядок такой потому что 1 это значение и факториала единицы, и факториала нуля.

Как сделать чтобы автоматически определялось какие данные брать из массива. JS, jQuery?

Дмитрий Пляскин,

document.querySelectorAll('.' + target_class).forEach(function(element, index) {
    element.custom_index = index;
});

А так? Только тогда в обработчике тоже надо будет обращаться к custom_index, а не к i

Как сделать чтобы автоматически определялось какие данные брать из массива. JS, jQuery?

Вариантов-то много: data-атрибуты, замыкания и т.д. Самый топорный - просто индекс сохранять в объекте элемента.

var arr = [ 1, 2, 3, 4, 5 ],
    target_class = 'lol';

document.querySelectorAll('.' + target_class).forEach((el, i) => el.i = i);

window.addEventListener('click', function(e) {
    if (e.target.classList.contains( target_class )) {
        console.log( arr[ e.target.i ] );
    }
});

Ну или весь целевой объект привязывать к элементу, как-то так.

Почему не могу использовать await в if блоке?

Вы можете использовать await в if, просто if у вас относится не к renderNotes, а к анонимной функции которую вы передаёте в map (вторая строка). А эта функция, само собой, не асинхронная.

Не ловит евент submit из подключенного js, куда копать?

Насколько я понимаю, нативный submit не создаёт ивента, т.к. это конечный метод фактически реализующий отправку, без всяких ивентов. Но раз используется $, то можно же им триггерить:

$( c ).submit();

Или нельзя?

Кстати, нативный dispatchEvent вместо submit тоже работал бы как полагается.

Безголовый хром + mocha/chai тестирование, как правильно обрабатывать ошибку?

Ну так и обрабатывайте случай когда тест не проходит. Или я чего-то не понимаю?

Как подключить библиотеку к UserScript?

Если речь о GM, то он умеет в require.