Lumore

$('.nano-slider').css('transform', 'translateY(10px)')

componentDidMount() {
$('.event__participants').on( 'click', '*[data-type="remove"]', (event)=>{
console.log( $(event.target.nodename) );
} )
}

?

. block__element1_mod1_mod2_mod3 - в таком случае вам нужно будет дублировать код со всех классов, и когда нужно будет исключить стили .block-element1_mod3, вы будете вынуждены прибегать к костылям, либо создавать новый класс без ненужных вам стилей.
А в формате

.block__element1_mod1 .block-element1_mod2 .block-element1_mod3

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

Pro 13 Retina:

У плагина slick есть события "afterChange" и "beforeChange", отталкиваясь от них можно сделать примерно такое:

$("#slider").on('beforeChange', function(event, slick, currentSlide){
   $(slick.$slides[currentSlide]).children('.text').fadeOut();
}
$("#slider").on('afterChange', function(event, slick, currentSlide){
   $(slick.$slides[currentSlide]).children('.text').fadeIn();
}

1) Идея обычная, использовать можно, главное в своей базе хранить зарегистрированных пользователей.
2) Держите токен где-нибудь в Редисе, а сам запрос никак не спрячешь, есть такая штука в DevTools - "Network", где отображаются все запросы. Короче говоря - бессмысленно стараться их скрывать.

Как вариант: https://codepen.io/Lumore/pen/yPdZWq

public function actionCreate()
    {
        $model = new Article();

        if ($model->load(Yii::$app->request->post())) {
           $model->created=time();
           $model->user_id = Yii::$app->user->identity->id;
           if($model->save()) {
               return $this->redirect(['view', 'id' => $model->id]);
           }
        } else {
            return $this->render('create', [
                'model' => $model,
            ]);
        }
    }

А в статье вытягиваете у юзера юзернейм (если у вас, конечно, релейшены есть):
$user->username

Можно обычным мапом:
https://codepen.io/anon/pen/gXZBYe?editors=0012

1) www.cssarrowplease.com
2) https://stackoverflow.com/questions/16180107/arrow...

<script>
  $(document).on('click', '.link', function(e) {
    $(this).addClass('link_clicked');
    e.preventDefault();
    $('.bar').each(function() {
      $(this).css('display', 'none');
    });
    var block = $(this).attr('href');
    $(block).css('display', 'block');
  });

 $(document).on('click', '.link_clicked', function(e) {
    e.preventDefault();
    $(this).removeClass('link_clicked');
    var block = $(this).attr('href');
        $(block).css('display', 'none');
    });
})
</script>

$('#kartinka').css('background', 'url(http://site.ru/kartinka2.jpg)');