I came up with this little bit of CSS and jQuery magic when working on the “Google Maps” version of BuyDeals.in. Download File or View Demo The HTML <div id=”popover”> <div class=”popover_triangle”></div> <div class=”header”> Choose Your City </div> <div class=”content”> <ul> <li><h6>Alabama</h6></li> <li class=”item”><a href=”#/alabama/birmingham/” >Birmingham</a></li> <li class=”item”><a href=”#/alabama/huntsville/” >Huntsville</a></li> <li class=”item”><a href=”#/alabama/mobile/” >Mobile</a></li> <li><h6>Alaska</h6></li> [...]
Here we customize the use of the popular jQuery plugin, Cycle. We use HTML5, a customized paging feature and pseudo dual sliders (one is a fade, but still looks cool). Download Files or View Demo The HTML5 Nothing really special here other than the fact that we use the new HTML5 Data- attributes to link [...]
Last week I showed how to implement Jcrop into an application. In this tutorial – which also pulls from my experiences developing GetSimple – I implement the jQuery plugin Uploadify. In this tutorial, we create a simple file upload script that also displays an unordered list of the files in the upload directory. The list [...]
When creating the ‘image control panel’ for the latest version of GetSimple, I decided to integrate the wonderful Jcrop jQuery plugin into it. Amazingly, there are very few tutorials online that show the full extent of how to use Jcrop in real world situations. The only one I found that was of use was TalkInCode’s [...]