Neat breakpoint viewer tool

[pwired]

Hi guys,
stumbled over this tool to see your breakpoints in a much more neat way (compared to the default browser development tools)

It is opensource and can find it here: (i am in no way affiliated)
just want to share it.
https://github.com/julienagullo/rwdKit

Four ways to see it in action, goto this url: https://open-source.jagullo.fr/rwdkit/

1) resize your browser window
2) click on the devices icon on the bottom right
3) drag the blue bar on the right side
4) use the arrow buttons on the bottom

How to use it:

Import library plugin: (remove the scripts on production server)
<script src="jquery.js"></script>
<script src="jquery.rwdkit.js"></script>

Initialize the plugin to generate the breakpoint detector in a specific container or the whole document.

	$(function(){
	  $(document).rwdKit();
	});

	$(function(){
	  $('body').rwdKit();
	});

	$(function(){
	  $('.container').rwdKit();
	});

Happy developing