zuraavl

Я обычно раздаю классы с помощью js.
Самое простое:

$("a.trs").click(function (e) {
          event.preventDefault();
          var linkLocation = this.href;
          $('body').addClass('load');
          setTimeout(redirectPage, 1000);

          function redirectPage() {
            window.location = linkLocation;
          }
        });

Но вроде не работало в мозиле. Ну и не получается конечно бесшовных переходов, если, разве что не сделать странице opacity: 0 в конце

Со слайдерами вообще все просто — использую один из самых простых slick и анимации пишу сам с помощью transform

ну сделать кнопку с позицией абсолют, либо засунуть ее в колонку и прописать ей размеры для всех разрешений, ну там col-md-1 col-sm-2 col-xs-3

так попробуй translateX

Внизу
habrahabr.ru/post/79128

Тут тоже есть
https://github.com/FrontenderMagazine/performance-...

Но насколько я знаю, все они не совершенны и могут удалять не то

overflow: hidden;
left: -100px;

codepen.io/creme/pen/ntvqe

Emmet попробуй. Кажется именно он автоматически добавляет скобку

Вот работающий скрипт:

$(".menu a").click(function(e){
    event.preventDefault();
    $( ".hero" ).addClass( "side" );
    var href = $(this).attr('href');
    setTimeout(function () { 
      document.location.href = href;  
  
    }, 2000);
})

гугли scroll to

я бы эти звездочки добавил через псевдокласс
выглядеть будет так
<div class="star1">text</div>

.star1 {
position: relative;
тут стили для текста
}
.start1:before {
  content: "\f005"; (это адрес звездочки, можно посмотреть его если на fortawesome нажать на иконку и найти :before)
   font: normal normal normal 14px/1 FontAwesome;
   position: absolute;
   ну и дальше стили для звездочки, размер, цвет.
}

Так, потому что если вложить текст в <i> он будет без шрифта. Правда я никогда не пробовал запихнуть в <i><span> и попробовать дать ему другой шрифит. Может так получится лучше.

Переходи на jade/haml и scss/sass/less/stylus, используй grunt/gulp работай все больше и страдай, что не можешь переделать тем людям все сначала, ведь они были так к тебе добры

В консоли разработчика ищи в Resources

ну да, для ul {display:tabel; widht: 100%;}
Для li {display: tabel-cell;} и можешь еще ширину задать, например если у тебя 5 пунктов то 20%. И убери везде margin и padding, ну и float конечно

Украина

Если те что на заднем фоне - или видео или canvas, можешь посмотреть точно глянув через developer tools

или вообще svg

Вроде бы там нужно установить nodejs

лучше родителю через :after