iBird Rose

css - не не слышал) по старинке обрезаешь треугольник и у :after и :before бэкграунд с repeat-y ^___^

а почему они по клику должны меняться, если там draggable стоит? тобишь нужно схватить и тянуть. как мышкой, так и табом на телефоне
p.s. а если ты про нижний ряд, то он не срабатывает из за задержки слайдера. тобишь пока слайд окончательно с анимацией не завершится - ты не сможешь на что то другое кликнуть

а ты для transition все префиксы написал? IE вроде норм дружит с transition же

На данный момент освоил: html5/css3, верстку с psd макетов, основы javascript и jquery

если реально освоили это, то с остальным проблем вообще не будет.
1) sass учится за пару дней. даже видосы на ютубе есть
2) с Ajax то же самое - тот же js
3) Базовые знание Mysql и php - научись натягивать шаблон на любые популярные cms - и считай ты этот пункт выполнил - от верстальщика большего требовать не будут
4) Git, Gulp(Grunt), Npm - то же самое что и с sass. даже легче. это просто сборщики. ставишь их. гуглишь какие функции тебе нужны - ставишь плагины - все. висит в watch и можешь забыть о нем.
5) а вот с AngularJS уже посложнее. но если хорошо знаешь нативный js - то за недели 2 разберешься. но я все же советую учить react.

он кажись имел ввиду уходящий за экран. в общем делаешь блоку float: right; и чтобы спрятать вправо - просто с transition меняешь блоку width до нуля. и будет эффект как будто он уходит вправо. ну и overflow: hidden не забудь

уменьшая ширину блока через media.
p.s. потому что это инлайн блок. там есть отступы присущие инлайн элементам. они и не дают нужной ширины

не сможешь ты нормально 2 элемента в один after засунуть. делай отдельно. и ровняй через absolute
https://jsfiddle.net/zdn1Lm6t/1/

display: inline-block тоже будет плыть как и float при разных высотах.
гугли плиточную расстановку. вот по первой ссылке из гугла dbmast.ru/adaptivnye-html-bloki-v-vide-kirpichnoj-...

заходишь сюда и удаляешь все что касается адаптивки и гридов getbootstrap.com/customize

у слайдеров есть коллбек функции. почитай документацию. к примеру для slick slider достаточно написать infinite: true

про готовые решения не знаю, но пишется это на том же php за пару часов. в общем дорога вам на фриланс

ну первая же ссылка в гугле по этому запросу.

<img src="http://img.youtube.com/vi/[id видеоролика]/maxresdefault.jpg">

где [id видеоролика] - это код после youtube.com/watch?v=

p.s. ну а как встраивать плеер на сайт я думаю точно сам справишься