Как поступить в изучении адаптивного дизайна?

Первой что Вам стоит сделать, это научится верстать. Открываете youtube и пишите - "адаптивный NavBar", на что Вам сразу же выдаст множество уроков. Только Вы прежде чем смотреть, пробегите глазами продолжительность роликов и выберите самые коротки по времени. И запомните это раз и навсегда - самые лучшие уроки не должны превышать 10 минут, ну максимум 15. И то 15 это уже сомнительно.
Смотрите два-три урока от разных "производителей" и начинаете верстать что запомнили. Если не получается, подсматривайте в урок, а лучше всего гуглите конкретные задачи. Типа - "как центрировать текст в li", "как вывести список ul горизонтально", "как прижать один div к другому" и т.п.
После того, как сделаете советую отправляйтся на codepen.io и набрать там - "adaptive navbar" и "responsive navbar". Посмотрите, если результаты Вам нравятся больше, то повторяете.

На описанное выше у Вас должно уйти максимум два дня. То есть третью часть адаптивной верстки Вы освоите за два дня. Ну и дальше продолжайте в том же духе и за неделю Вы сможете научится верстать все что угодно.
Черпать вдохновение можно на том же codepen.io, materializecss.com, www.material-ui.com/# и конечно же getbootstrap.com, который после первой недели Вы обязательно должны выучить.
Так же советую почитать о sass, grid, css shapes. Ну и для верстки psd brackets.io для кода https://atom.io/ хотя и первого будет достаточно. Обязательно посмотрите плагины к ним и не видитесь на модные (хотя это было раньше) sublime text 3, стремитесь к WebStorm.