Faber Estello

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

Никогда больше не позволяйте себе так думать. =)

Правильно я понимаю?

Да.

И стоит ли сейчас начинать изучение Unity?

Хотите делать мобильные игры — да.

Если да, то какие для этого есть ресурсы?

Официальный сайт Unity, Youtube, Google, больше и не надо.

У вас там лишнее условие просто было

(function($){
            $(".content").mCustomScrollbar({
                axis:"y",
                callbacks:{
                    whileScrolling: function(){   
                        var x = this.mcs.content.find('.ef');
  
                        var d = -this.mcs.top;
                        x.each(function(i){
                            console.log(d);
                            var g = $(this).position().top;
                            var gh = $(this).height();
                            console.log(Math.round(gh));

                            if(d > Math.round(g) - 400) {
                                $(this).addClass('go');
                            }
                        });                 
                    }
                }
            });
        })(jQuery);

Криво, не спорю

$(window).resize(function(){
  if ($(window).width() > 720) { 
      $(".scroll-grid__list").mCustomScrollbar({
          axis:"x"
      });
    } else {
      $(".scroll-grid__list").mCustomScrollbar({
          axis:"y" 
      });
    }
});

Это не от браузера зависит, а от присутствия шрифтов на компьютере. И в 7-ке без установленного офиса может этот шрифт и не показать. Не говоря уже о "голых" линуксах, маках или андроидах

Гугли "безопасные шрифты"
Гельветика, кстати, таким не является. Она присутствует только на маках.

Потому что у вас два раза data-section="c" и ни одного data-section="i".
Вообще, логика очень простая:

1. Ошибка Cannot read property 'top' of undefined.
   
2. Следовательно, section.offset() возвращает undefined.
   
3. Метод offset сам по себе должен работать нормально.
   
4. Следовательно, скорее всего, проблема в переменной section.
   
5. При каких условиях переменная section может иметь неверное значение?
   
6. Когда на странице нет элементов с классом .section.
   
7. Но остальные пункты работают, значит, дело не в этом.
   
8. Тогда, фильтр по [data-section="' + dir + '"] работает неправильно.
   
9. Какое значение имеет переменная dir?
   
10. Ага, i. Значит, нужно проверить, если ли элемент с классом .section и атрибутом data-section, равным "i".
    
11. Gotcha!
    

1. Начинающие исполнители всегда нужны. На мелких "проектах", куда, как раз, и ломятся начинающие исполнители – заказчикам, со своей стороны, очень часто бывает наплевать на качество исполнения, портфолио и т.д. Решает ценник.
Для того, чтобы взять первый несложный проект, как раз, и нужно привлечь заказчика низкой ценой за предлагаемую услугу.
Разумеется, мучить себя тоже не нужно – потому будет лучше взять, по собственным оценкам, краткосрочный проект для не особо-то и высоких целей (т.н. "быдлокод").

2. Способ оплаты выбирается индивидуально. Тут нет какого-то единого рецепта. Но, во всяком случае, шанс сдюжить конкуренцию в получении заказа повышается, если не брать предоплату (да, рискованно, но заказчики это любят ничуть не меньше, чем смехотворно низкие цены).

Это печально: href="C:\mycite\index.html"

Div не закрыли:

<a href="C:\mycite\index.html"><div class="logo">
    <h1>Заметки сисадмина</h1>
    <p>Настройки, решения и прочее...</p>
</a>

В HTML5 кодировку можно указывать проще. Ещё есть теги article, footer, header, nav и куча других, которые можно было бы использовать.

Нет смысла каждый раз прописывать font-family: Arial, Helvetica, sans-serif;, если это уже сделано для body.

Необычный code style:

.article{
	width:100%;
	height:100%;
}

Приучайтесь не терять пробелы:

.article {
    width: 100%;
    height: 100%;
}

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

Как правило в письмах не исп. не стили не скрипты, то есть стили исп. по мелочи, и то inline, к примеру, начертания шрифта, размер, цвет, рамка, в ост. почтовая верстка ограничена и подобного рода информация, обычно делается картинкой, берется скрин на текущий момент, в письме не нужен счетчик т.к. большинство открывают с мобильного и тут ресурсы очень важны.