Сергей delphinpro

var $rows = ...; // Блок в котором лежит все остальное
$('.project__add').click(function(){
    var $row = $(this).parents('[id^=row]');// тут лучше использовать общий класс
    $('.table__row--child').insertAfter($row).slideToggle();
    var $icon = $row.find('.fa-stack').children('i:last-child');
    $rows.find('.fa-stack').children('i:last-child').not($icon).removeClass('fa-minus'); 
    $icon.toggleClass('fa-minus');
});

Гугл примерно так и делает. посмотрите исходник страницы.

И вовсе это не неудобно. Разработка ведется как обычно - в разных файлах, потом все склеивается и выкатывается.
Однако, мне видится, должна быть веская причина так делать.

PS Для одностраничника вполне оправданно упаковать все в один файл. Кроме, пожалуй изображений в base64 =).

@for $i from 1 through 6 {
  .teammate-#{$i} {
    bacground-image: url('/images/teammate-#{$i}');
  }
}

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

Можете вообще написать

console.log("The area is: " + calculateArea (5.2) ) ;

Или даже не использовать именованную функцию =)

console.log("The area is: " + (function (r) {
  return  (r <= 0) ? 0 : Math.PI * r * r ;
})(5.2));

<input type="text" value="E-Mail"
  onfocus="if(this.value=='E-Mail') this.value=''"
  onblur="if(this.value=='') this.value='E-Mail'">

https://jsbin.com/bolilozafu/1/edit?html,css,output

Так пробовали добавить библиотечку?
full size image
Ну и включить там же HTML и HTML5 если код пишется для браузера.

PS
Это phpStorm, в webStorm, думаю, то же самое.

Потому что img по умолчанию - inline элемент. Т.е. грубо говоря, строка. а у строк есть межстрочное расстояние.
напишите этой картинке стиль display:block и отступ пропадет.

Что я делаю не так?

Всё.
Содержимое node_modules неприкосновенно.

$('.block')

getElementsByTagName возвращает массив элементов.
пилите цикл, это вам не jquery

меняйте значения второго в коллбеке onChange первого

<a class="block-a" href="visited.html"></a>
<div class="block">
    <a  class="block__link" href="visited.html">Ссылка</a>
</div>

.block-a:visited + .block { opacity: 0.5; }

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

посмотрите локальную историю. может повезет.

не перечислять каждое поле с уникальным айди/именем.

перебирайте в цикле все элементы формы. правила валидации задавайте в дата-атрибутах.
В результате получите некое подобие jQuery Form Validator =)
Так что возьмите готовый, быстренько его настройте и радуйтесь жизни.

расставляйте в тексте переносы.
Так называемые "мягкие переносы" (soft hypens) - символы, указывающие место возможного переноса.
мнемоника - ­ или код сущности ­

Вручную, конечно, это делать утомительно. Можно воспользоваться онлайн-сервисом (например, первый из гугла - quittance.ru/hyphenator.php#effectus) или встроить алгоритм в свою систему.

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