This was an amazing and extremely helpful article. Thank you. 
just a quick question, do I have to design using a grid system? What about grid-free design or fluid designing? How does some of these websites design when they have everything fullscreen and off grid images but the site is still responsive with animated scrolling? How do I design like that but still stay within the “rules”?