насчёт PHP не знаю.
насчёт всего остального: зарегьтесь на freecodecamp.com и вперёд проходить курсы, решать задачки. это удобно, потому что для вас уже составлена пошаговая программа - и она неплохая. ранее изученные шаги можно пропускать. плюс коммьюнити активно растёт, есть русскоязычные группы ВК, ФБ и гиттер-чатик.
на CodeSchool также хороший курс по JS/jQuery.

Многие отвечают про вёрстку, автор топика вроде хочет модные дизы макетов делать, безотносительно вёрстки.
Где взять литературу? Вы как будто за китайской стеной :D Либо на озонах, либо на всем известных сайтах (дай бог им не болеть).
ИМХО: сегодня книги дополнение, не первоисточник; (не всегда, но) часто проигрывают видеокурсам. В видюшках (хороших) инфа сжата, конкретна, лучше усваивается. Статьи да, тут просто подпишитесь на рассылки популярных web-ресурсов (если не смущает английский). Например:
https://medium.com/@erikdkennedy/7-rules-for-creat...
https://medium.com/@erikdkennedy/7-rules-for-creat...
Хороший общий курс по дизайну на Codeschool (могу скинуть).
Возможно, правильнее всего - набивать глаз (dribbble, behance и тп). Просматривать макеты, сохранять понравившиеся. Сначала "воровать" идеи. Для стандартных лендингов достаточно насмотреться примеров и набить руку.
P/s реально нет такой одной книги. можно запомнить "классику" и везде применять Helvetica Neue и комплементарные цвета, но вам тут же скажут, это шаблонно и не творчески. Экспериментируйте.