justdealman

для изображения
vertical-align: top
или
display: block

https://jsfiddle.net/mjdwuz7h/

Как-то так: codepen.io/anon/pen/QpjNMm

https://jsfiddle.net/5y4bjccm/

$(document).on('click', '.deleteBtn', function() {
	$(this).parents('li').remove();
});

https://daneden.github.io/animate.css/
shake

$(this) в данное случае — ссылка на window

$('.tab-bar__link').each(function() {
	if ( $(this).attr('href') == location.hash ) {
		$(this).addClass('tab-bar__link_active');
	}
});

А весь функционал переделывать и не надо — создайте новый элемент управления, передавайте изменения из него в селект, а сам селект скройте.

https://jsfiddle.net/1aj70xu7/

img {
	position:absolute;
	left:50%;
	top:-50px;
	height:100px;
	width:100px;
	margin-left:-50px;
	border-radius:50%;
}

var a = document.getElementsByClassName('btn btn-danger btn-sm');
for ( var i=0; i<a.length; i++ ) {
	a[i].click();
}

jsfiddle.net/Q2wfM/109

https://jsfiddle.net/r1tz6a8e/
Как-то так, обратите внимание на строку 189 яваскрипта.

.color-select input[type=radio]:checked ~ .check {
     margin: -2px;
     border: 2px solid #0DFF92;
}

box-sizing:border-box;

codepen.io/anon/pen/VPPmXa