Сергей delphinpro

frontender.info/es6-in-depth-arrow-functions/#chto...

http:// https:// - явное указание протокола
// - указание использовать тот же протокол, по которому загружена сама страница.

удивительно что ошибок в консоли нет

Как это нет?

я не чего не менял в js файлах

Ну да, наверное "оно само" =)



Этот оператор правильно записывать надо так <=

var $w = $(window);
  $w.on('scroll', function(){
    $('.header').toggleClass("fixed", $w.scrollTop() > 0);
  }).trigger('scroll');

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) или встроить алгоритм в свою систему.