A jQuery Plugin for Zoomable, Interactive Maps - GetHiFi. What is it and why was it built? A couple of months ago we launched a site about Marine Science in North Carolina with one of our design partners, Liaison Design Group. A key part of the project was an interactive map that allowed visitors to find important Marine Science resources in North Carolina. Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select subregions was possible. We wanted the experience to be engaging as possible but also easily updatable in the future. Demos This project is being used in production on a number of sites.
Documentation Limitations This was originally developed for one project with very specific requirements. Data Required In Plugin Setup - Ideally all of the required data would be stored in the html pages that drive the bullets. Instructions 1. They must all be the same size. 2. 3. 4. jQuery Plugin Call. Top 10 jQuery Plugin of Year 2010. The final roundup for all the jQuery plugins of year 2010! jQuery, the almighty javascript framework has changed our mind and ways to code javascript. Making an interactive and lively website couldn't be more easier with vast number of jQuery plugins.
In this post, I have finalized top 10 plugins that I really like throughout the year, I haven't used some of them, such as Quicksand and SlickGrid, but there are always in my mind, and I will defnitely use them if I have a chance. So, here you go, top 10 jQuery plugin of Year 2010, there is no order, sorted randomly. Nivo Image Slider The very first slider that came with multiple transitions. It's packed with lot of features and settings to tweak and definitely one of the top jQuery plugins of year 2010.Quicksand One of the most famous plugins of year 2010. TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups.
David DeSandro. Blog · Metafizzy Blog. Managing documentation can easily grow to be an overwhelming and tedious undertaking for any developer who open sources her code. Consider how many places docs, demos, and instructions can appear for one project: README within the project source itself GitHub wiki developer’s personal site external site just for project project listing page - like plugins.jquery.com With Masonry v1, my docs had sprawled out to several different locations. To properly update a page, I had to update it in three places: the documentation site, the file in the downloadable project and on another home page. One of my bigger over-arching goals releasing Isotope was to streamline the documentation.
Documentation site My approach now is build the documentation and demos into the project itself, keeping everything in the same place. . # master branch checked out git commit git checkout gh-pages git merge master git push Here’s what the commit tree looks like for Masonry. Jekyll Downloadable zip Workflow. Isotope. jQuery Masonry · David DeSandro.