I have been building fully responsive web sites for a couple of years now and it became abundantly clear early on in that time that although responsive sites and the use of Media Queries to build them is a great thing because it reduces the need for multiple sets of code and management of both (this makes it more affordable for clients etc etc etc), it tended to limit the behavior of a site somewhat. Let me explain further:
It took quite a bit of thought and development time to come up with a solution but essentially I needed a way to refresh the whole page to its original state in order for a site to behave correctly for each breakpoint.
Refreshing the page on resize was extremely annoying and so I had to find a way to refresh only when necessary. Thanks to use of the debounce plugin and some well place variables to detect screen size at the right moments I was able to produce a neat snippet of jquery that allows you to refresh once each time the browser size passes through a breakpoint, either sizing up or down.
The demo is a blank screen but if you resize your browser, you'll see that each time you go small the page will refresh. Size up again and it'll re-refresh.
Although not the largest plugin in the world, the above code doesn't just have to be used to refresh the page. You can perform any action each time the browser size passes through any breakpoint of your choosing.