Николай Колесниченко

Emmet для sublime, препроцессоры sass/scss. Browsersync экономит немного времени.

Верстая по jpg эскизам особо не ускоришься :)

https://jsfiddle.net/1q6wpwsq/2/

Slick так умеет.
kenwheeler.github.io/slick

Типа:

$('slider').slick({
vertical:true,
infinite: true,
prevArrow: '',
nextArrow: '<button type="button" class="slick-down"><img src="img/down.png"></button>'
});

Не совсем понял чего вы пытаетесь добиться.

Если я правильно понял:
background-position:50% 0;

Вот так можно: https://jsfiddle.net/Ldzttb2e/

.menu__link:after {
 ...
}

.menu__item:hover > .menu__link:after {
    display:none;
}

Обычно масштабирую до нужных размеров.
Изображение -> Размер изображения
Масштабирую обычно:

• до ширины основного контейнера ~1000-1200px (если фикс)
  
• до 1920px (если резина)
  

Зависит от макета. Иногда действительно лучше отдать на доработку.

Никогда не берусь за подобное. И вам не советую. По опыту скажу - верстать без исходника, тот еще геморой.

Хотя все зависит от сложности макета, конечно же.

Потому что +px

var step = 22;
var obj = 2;
$("#sliderul").animate({marginLeft: "-"+step*obj+"px"}, 500);

https://jsfiddle.net/r6vmxhuo/2/