Сергей delphinpro

The current URL loading the Google Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key on the Google API Console

URL адрес не был добавлен в список разрешенных. Плиз, проверьте настройки вашего ключа в Google консоли.

Проверили? Добавили домен сайта в список разрешенных? Что-то еще не понятно? Всё вроде достаточно четко написано...

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

var e = ... // берем элемент
    var childs = e.childNodes,
        count = childs.length;
    var i = 0;
    while(i < count) {
        if (
            (childs[i].nodeType == 8) // тип 8 - это как раз комментарий
            &&(/more/.test(childs[i].nodeValue)) // а здесь проверяем наличие слова more внутри комментария
        ) {
            var container = document.createElement('div');
            container.innerHTML = '<div class="'+childs[i].nodeValue+'"></div>';
            childs[i].parentNode.replaceChild(container.firstChild, childs[i]);
        }
        i++;
    }

var $block = $('nav'),
var position = $block.offset().top;

$(window).on('resize', function() {
  position = $block.offset().top
});

$(window).scroll(function(){
    if ($(window).scrollTop() > position) {
      $block.addClass('fixed');
    } else {
      $block.removeClass('fixed');
    }
});

Только нужно сделать чуток изменений в коде. У вас сейчас
<nav></nav>
Добавьте обертку
<div.nav-wrapper> <nav></nav> </div>
В скрипте позицию считывайте у враппера, а фиксед делайте наву.

Вот это достаточно мощная штука datatables.net

filter: blur(10px)
??

Скролл добавьте и всё.

UPD

Добавлю еще вариант. Выставляете минимальный масштаб, выбираете размер шрифта, чтобы текст помещался (пусть для примера будет 12px).
Записываете это
font-size: 12px;

Затем ставите максимальный масштаб, опять подгоняете шрифт, пусть для примера будет 20px при ширине экрана 1920px. Разница между размерами 20px - 12px = 8px

Выражаем эту величину в единицах вьюпорта
8px * 100vw / 1920px = 0.42vw

B записываем еще одно правило
font-size: calc(12px + 0.42vw);

Теперь размер шрифта будет зависеть от ширины вьюпорта, Чем больше вьюпорт, тем крупнее шрифт.

Чтобы не делать все вычисления вручную, можно написать парочку функций для sass:

@function vw($pixel, $defaultWidth: 1920px) {
    @return $pixel * (100 / $defaultWidth) * 1vw;
}

@function calcVw($minPixel, $pixel) {
    $addPixel: vw($pixel - $minPixel);
    @return #{"calc(#{$minPixel} + #{$addPixel})"};
}

@mixin fontSizeAdaptive($minPixel, $pixel) {
    font-size: $minPixel;
    font-size: calcVw($minPixel, $pixel);
}

Использовать просто:

.selector {
       @include fontSizeAdaptive(12px, 20px);
}

Инициализировать карусель нужно после открытия попапа. Посмотрите доку магнифика - там возможно есть событие, которое вызывается после открытия окна, вот в нем и делайте инициализацию карусели.

Когда вы инициализируете карусель с закрытым окном, она берет размеры у скрытого дива. У таких нет размеров. и карусель ставит ширину по дефолту.

А зачем библиотеку в общий бандл? Я вендоров отдельным таском собираю, в отдельный файл, т.к. они редко добавляются/удаляются. А свой код уже отдельно, и компилится он мгновенно.

https://jsfiddle.net/DelphinPRO/cfnbuqg1/2/

function send() { .... }

$('input').on('keypress', send);
$('button').on('click', send);

https://jsfiddle.net/shxfzx0a/
https://jsfiddle.net/shxfzx0a/2/

Может ли встроенный в страницу код выполниться в данном случае раньше, чем подгрузится внешний файл или все будет выполняться последовательно и проблем точно никаких не будет, даже если подгружаемым файл объемом 10 Мб?

Вы можете самостоятельно это проверить опытным путём :)

или лучше весь код писать с нуля, только руками и в простом блокноте?

бррррр.... аж мурашки по коже!
Ни в коем случае! Сразу учитесь пользоваться правильными инструментами.

где всего этого не будет

и вам там делать нечего :)

стоит ли использовать сразу фреймворки, библиотеки

Использовать их без знания основы будет затруднительно, иногда невозможно. Поэтому основа обязательна к изучению. Особенно это касается javascript.

https://jsfiddle.net/gmcvfwg2/

var classHeight = document.getElementsByClassName('img-responsive');
for (var i = 0; i < classHeight.length; i++) {
  classHeight[i].style.height = 400 + 'px';
}

или

document.querySelectorAll('.img-responsive').forEach(function(el){
  el.style.height = 200 + 'px';
});

var grid = $("#grid");
var table = $('<table>'), tr, td;
grid.append(table);

for (var height = 0; height < 16; height++) {
      tr = $('<tr>');
      for (var width = 0; width < 10; width++) {
            tr.append('<td></td>');
      }
      table.append(tr);
}

но вариант со строками будет быстрее работать за счет единственного изменения DOM.

Причепите css transition на бэкграунд. Кривыми Безье в тайминг-функции подберите оптимальный эффект вспышки.
Переключайте из скрипта присвоением/удалением класса.

Не нужно плодить классы (select2, b-price-item-2 и т.п.). Манипулируйте блоком как единым компонентом, и тогда вы сможете создавать их любое количество не трогая больше css- и js-код

https://jsfiddle.net/r731hnd0/1/

Начните отсюда https://developers.google.com/maps/documentation/j...

Прямо на этой странице внизу есть пример стилизованной карты.

function myFunc() {
 // some code
}

$(function(){
  myFunc();
  setInterval(myFunc, 15000);
});

Вопрос:
А зачем вам на каждой итерации навешивать события? Я вижу каждые 15 сек выполнение addEventListener() и ни одного removeEventListener(). Обработчики будут накапливаться. На первой итерации выполнятся по разу, на второй - по два и т.д.