Nicely animate your responsive breaking points

pretty-resize.js

// >> Pretty Resize >>>>>>>>>>>>>>>>

// prereq: debounce: https://github.com/cowboy/jquery-throttle-debounce

function prettyResize(){
	var a = '.element-1', // elements resizing
	    b = '.element-2',
	    c = '.element-3',
	    d = '.element-4',
	    rollout = $('' + a + ',' + b + ',' + c + ',' + d + '');

	$(window).on( 'resize', $.debounce(10,
		function(){
			rollout.css({'transition' : 'all 0.5s ease-in-out'});
		})
	);
}
prettyResize();