Mike Dugan mikedugan

JavaScript Libraries

This is just a useful reference for links to various JavaScript libraries & jQuery plugins with links and CDNs.

	/**
	* Works everywere ( IE7+, FF, Chrome, Safari, Opera )
	* Example: http://jsbin.com/afAQAWA/2/
	*/
	.rotated-text {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;
	}
	.rotated-text__inner {

	//slices up the given items in groups of size n
	function sliceItems(items, n) {
	for(i=0; i <= items.length; i+=n) {
	setItems(items.slice(i,i+n));
	}
	}

	//gets the max height and sets all items in a slice to that height
	function setItems(items) {
	var maxHeight = Math.max.apply(null, items.map(function()

	//where containerDiv is the parent of the img and a
	//where imgwrap is the anchor the img will be wrapped in
	$('.containerDiv').each(function() {
	$('img',$(this)).wrap('<a href="' + $('.imgwrap',$(this)).attr('href') + '"></a>');
	});

	$('.imgwrap').remove();

	//scrolls to a given point with offset n from point (750)
	scrollTo: function() {
	$('#main-nav').find('li > a').on("click", function(e){
	$('#main-nav').find('li').removeClass('active');
	$(this).parent().addClass('active');
	var id = $(this).attr("href");
	$('html, body').animate({
	scrollTop: $(id).offset().top
	}, 750);
	e.preventDefault();

	$html = file_get_contents('http://www.example.com');

	$dom = new DOMDocument();
	@$dom->loadHTML($html);

	// grab all the on the page
	$xpath = new DOMXPath($dom);
	$hrefs = $xpath->evaluate("/html/body//a");

	for ($i = 0; $i < $hrefs->length; $i++) {

	//generates a csv file given an array
	function generateCsv($data, $delimiter = ',', $enclosure = '"') {
	$handle = fopen('php://temp', 'r+');
	foreach ($data as $line) {
	fputcsv($handle, $line, $delimiter, $enclosure);
	}
	rewind($handle);
	while (!feof($handle)) {
	$contents .= fread($handle, 8192);
	}

	//usefulness debatable - returns array of all easings given basic easing names
	var easings = array(
	'ease_Sine',
	'ease_Quad',
	'ease_Cubic',
	'ease_Quart',
	'ease_Quint',
	'ease_Expo',
	'ease_Circ',
	'ease_Back',

	$('someEl').click(function() {
	$(this).animate({
	'font-size': '+=5',
	'width': '-=50'
	}, 500, 'swing', function() {
	console.log("this is the callback functon");
	})
	});