Можете помочь источником для изучения?
Давайте пройдемся по пунктам :
1) Их много. Достаточно популярный codepen
2) Что касается адаптива. 
Ничего сложного в бутстрапе нет. Особенно в сеточной системе (grid system). Документация по все классам и компонентам лежит на официальном сайте
Если вы любитель смотреть видосики, то вот рекомендую этого -> чувака
3) С медиа-запросами тоже всё довольно просто. 
Смысл в том что вы просто переназначаете стили для определенных блоков при определенных размерах экрана
О медиа-запросах (и не только) понятным языком объясняет Sorax
HTML+CSS реально изучить за неделю (максимум за 2). 
И да ребята, особенно молодые, бросайте дизайн и гасите компьютер учите более серьезные и полезные вещи
1. Анимации. Все "стандартные" анимации вы можете посмотреть тут. В этом случае достаточно сказать верстальщику название анимации и он будет знать, что делать (названия универсальные, они не привязаны к этой библиотеке). Если анимация не стандартная - то это другой вопрос. Продвинутые дизайнеры рендерят это дело в Adobe After Effects или его аналогах, но в общем случае достаточно покадровой схемы, нарисованной ручкой на бумажке. Именно покадровая схема, по написанному тексту обычно ничего не понятно.
2. Адаптивность. Не зацикливайтесь на bootstrap. Если вам нужна просто сетка - возьмите к примеру flexboxgrid (личный опыт показывает, что люди, которые начинают верстать сразу на bootstrap, потом без него вообще ничего сделать не могут). Но ваша задача, как дизайнера, скорее понимать, как что должно выглядеть на разных размерах экрана, и уметь это нарисовать (далеко не факт, что ваших знаний будет достаточно для того, чтобы это кроссбраузерно сверстать).
А по поводу различных странных вещей и того, что обычно вызывает вопросы у начинающих - советую посетить мою страничку на CodePen. Большая часть демок там являются иллюстрациями к ответам на тостере, в их описаниях есть ссылки на вопросы.