Как дизайнеру быть в курсе возможностей верстки (html/css) и javascript?
Ответ очевиден. Начать верстать. Хотя бы малость. Я понимаю, это сложно, лениво, за то ваш скил, станет очень крутым. Попробуйте записаться на курс в html академии. А так же, постоянно спрашивать и спрашивать разработчиков, но после, проверять, а то многое могут вам наврать, что бы не пришлось потом делать)))
А так же искать для себя ресурсы, где разработчики выкладывают различного рода приколюхи и эффекты на css, js.
Читать новостные ресурсы, на подобие хабра и css live, css tricks.
Вот пример сайтов, где есть клёвые реализации всяких эффектов:
https://codyhouse.co/
tympanus.net/codrops
Ресурсов очень много, чем больше будете изучать, тем больше сможете и как дизайнер. У вас в голове появится тонна различных идей, для реализации подобного рода эффектов в своих проектах, а так же, со временем, ваше мышление будет меняться. Т.к. вы уже на этапе создания макета будете знать, что можно, а что будет сложно и в итоге, лучше будет отказаться от данной идеи.
По поводу js, хз, по мне так - это сложный вопрос. Вам особо не нужно его знать, ибо он не делает магии. Наверно вам, как дизайнеру, нужны будут от js только 3 вещи.
1) Работа с svg - анимации тоже делаются при помощи js
2) Работа c canvas - эта штука работает только при помощи js
3) Ajax - вы должны представлять, что это такое и как вы можете им воспользоваться. Но не грубите
Учить то, как пишется это на js вам не нужно, но знать, что он может, для вашей работы, нужно!
И на последок caniuse.com/. Этот сервис скажет вам о поддержке браузерами различных возможностей. По типу поддержке css свойств. Вбиваете свойство в поиск и смотрите, как оно поддерживается браузерами. Пример
В нашей команде мы практикуем воспитание дизайнеров "под себя". Во время порезки макетов для молодых дизайнеров мы объясняем как порезать и почему именно так, что ложить в спрайт, что изображением, что реализуется с помощью  css и т.д. В результате они нам создают нарезку + описание шрифтов, их размером и цветов. Для новоприходящих дизайнеров просто идет передача опыта 'от дедов' к молодым. Я считаю, что каждый должен заниматься своей работой, дизайнеры - создавать макеты, верстальщики - верстать, НО при этом должно быть между ними тесное сотрудничество. Дизайнерам и так достаточно много необходимо знать, зачем их еще нагружать html, js и  css... Незачем этими технологиями ограничивать полет мысли дизайнеров, как это потом реализовать, это дело верстальщиков.