How to achieve “responsiveness” of this template?
I'm looking at this template:
I'll have tiles on my site similar to this, however I'm not sure how to get started with moving the tiles according to the size of the window. I'm currently using MeanMenu (http://www.meanthemes.com/plugins/meanmenu/) which is awesome for the menu items, but I don't know how to handle the body. Super new to HTML/CSS/JQuery - any pointers would be awesome.
Twitter Bootstrap may be what you're looking for.
Bootstrap handles responsive UI quite nicely.
The Fluid Grid System doc has more info and examples, but here's the overview:
The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices. - via the Bootstrap Docs
UI / Navigation Bar
In addition to responsive design, Bootstrap comes with a bunch of common ui elements/plugins. Like MeanMenu (which admittedly, I lack any knowledge about), Bootstrap does navigation bars.
Plunker, collaborative online editing.
Lastly, since you're just starting out, Plunker is a great tool for prototyping, and boilerplates. It's especially helpful for sharing code questions/answers with the SO community.
I put together a Plunk > http://plnkr.co/edit/LF6BCCDam2w67aUwOSaq that includes Bootstrap and an example of a responsive image grid and navigation bars.
Hope that helps. Good luck!