Window resize

Posted in jQuery

How to dynamically resize margins based on window size. Resource resize event Sample code <script type=”text/javascript” src=”//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js”></script> <script type=”text/javascript”> //Initial load of page $(document).ready(sizeContent); //Every resize of window $(window).resize(sizeContent); //Dynamically assign height to .top and margin-bottom function sizeContent() { var newHeight = $(window).height() * .015 + “%”; var footerHeight = $(window).height() * .025 + “%”; […]

Read More

Placeholder text

Posted in jQuery

I noticed placeholder text in form fields wasn’t displaying on all browsers. Here’s a great jQuery plugin that solved the problem. http://mathiasbynens.be/demo/placeholder Github download: https://github.com/mathiasbynens/jquery-placeholder 

Read More

Jquery portfolio sorter

Posted in jQuery

An incredible plugin for portfolio sorter/filter http://isotope.metafizzy.co/

Read More

jQuery Show Hide

Posted in jQuery

http://www.aakashweb.com/resources/pages/demos/jquery-collapser/ http://www.adipalaz.com/experiments/jquery/expand.html

Read More

jQuery Image Sliders

Posted in jQuery

http://jquery.malsup.com/cycle/

Read More