Как делается сетка: тыц, тыщ, тыдыщь

Как делается меню: раз, два, три

SVG: адын, два, три, четыре

Parallax: вот, и вот, и ещё вот. И вот тут почти Parallax, думаю тоже пригодится

Бонус:

• JavaScript Garden -- тонкости JavaScript
  
• Learn X in Y minutes -- краткие туториалы по куче языков (там и JS, и CSS и много чего ещё есть), некоторые с русским переводом (но не все)
  
• Material Design -- гайдлайн по Material Design
  
• PrimerCSS -- стайлгайд Github + их CSS фреймворк
  

Библиотека просто даёт Вам набор функций, которые Вы можете использовать когда и где хотите.
Фреймворк обычно жёстко контролирует структуру приложения, ограничивает Ваши возможности (в том числе, и выстрелить себе в ногу).

по-моему, во втором случае можно использовать функцию до объявления, а в первом -- нельзя