YakovSPb

1. bower i selectize
npm i selectize
2. Подключение скрипта
'node_modules/selectize/dist/js/standalone/selectize.min.js',
3. Подключаем стили
@import "../libs/selectize/dist/css/selectize.css"
4.В coommon пришем
    $('select').selectize({
        create: true
    });

YakovSPb

1
npm i --save-dev slick-carousel
@import "slick-carousel/slick/slick.scss" // Теперь необходимо казывать расширение .css
'node_modules/slick-carousel/slick/slick.min.js',

2
$('.promo_slider').slick({
	prevArrow: '<div class="y_prevArrow"><i class="fa fa-angle-left"></i></div>',
	nextArrow: '<div class="y_nextArrow"><i class="fa fa-angle-right"></i></div>',
	prevArrow: $('.counter__left'),

YakovSPb

1.  Установка
npm install @fancyapps/fancybox --save


2. Подключение
'node_modules/@fancyapps/fancybox/dist/jquery.fancybox.js',
@import "@fancyapps/fancybox/dist/query.fancybox.css"


3. Модальное окно

YakovSPb

С чистого листа
=======================
 1. Установка Node js
 2. npm i gulp -g
 3. установить Python



Если не работает
===============================

YakovSPb

1. bower i flipclock
2.'app/libs/flipclock/dist/flipclock.min.js',
3. @import "../libsflipclock/dist/flipclock.css"
4. html
      <div class="timer">
          <div class="clock"></div>
          <div class="message"></div>
      </div>
5.js
    var clock;

YakovSPb

HTML:
<div class="tabs__wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>

YakovSPb

magnific-popup - всплывающие окна


bower i magnific-popup

Подключаем css
@import "../libs/magnific-popup/dist/magnific-popup.css"
@import "../css/magnificpopup.css"

Подключаем js

YakovSPb

/HTML
<!-- Hidden Required Fields -->
		<input type="hidden" name="project_name" value="Site Name">
		<input type="hidden" name="admin_email" value="admin@mail.com">
		<input type="hidden" name="form_subject" value="Form Subject">
		<!-- END Hidden Required Fields -->

		<input type="text" name="Name" placeholder="You name..." required><br>
		<input type="text" name="E-mail" placeholder="You E-mail..." required><br>
		<input type="text" name="Phone" placeholder="You phone..."><br>

YakovSPb

По центру
0) FLEX
HTML:
<div id="parent">
    <div id="child">Нужный текст</div>
</div>

CSS
#parent
	height: 500px

YakovSPb

$(function() {

	$('#child').click(function(){
		$(this).css('background','orange')
	});
	
});