SpryMap is a super lightweight (2.8 KB), dependency free Javascript widget that turns any HTML element into a Google Maps-like click and drag window.

Let’s look more in depth at the changes made:

  • Removed the jQuery dependency – Sure, I know, lots of people love it, but the fact is we sometimes sacrifice a bit of performance for convenience when using jQuery. Considering that the things for which I plan to use SpryMap are core page features, it’s important to me that it’s ultra-quick and always responsive .
  • Added features - When using this script, you’re given full control over how you want the map to act. What coordinates do you want it to start at? Do you want it to animate to a stop, or stop immediately when the user releases the mouse? Do you want the dragging to stop when an edge is hit? Would you like soup or salad with that? SpryMap aims to give you full control over how it acts.
  • Gave it an easy to use interface - No, really, it’s pretty darn easy. 

homepage

http://candrews.net/blog/

License: Creative Commons License

     
Attachments:
Download this file (spryMap.zip)spryMap.zip 340 kB

Add comment


Security code
Refresh

Parent Category: Images | Gallery
Category: Others

Search


Latest News

Animated CSS3 Photo Stack

Animated CSS3 Photo Stack
Animated CSS3 photo stack is use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers...
Read More...

Threesixty-slider

Threesixty-slider
Threesixty-slider is a jQuery 360 image slider plugin. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature...
Read More...

D3.js a Data-Driven Documents

D3.js a Data-Driven Documents
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern...
Read More...

Three.js A awesome 3D Engine

Three.js A awesome 3D Engine
Three.js is a library that makes WebGL - 3D in the browser - very easy. While a simple cube in raw WebGL would turn out hundreds of lines of Javascript and shader code, a Three.js equivalent is only...
Read More...

MilkChart

MilkChart
To transform a table of data into a chart, simply create a MilkChart object of the chart type you wish passing in the table id and an object containing options for the chart.
Read More...
  • 1

Who's Online

We have 42 guests and no members online

Latest Users

  • RobertDots
  • JoshuaKi
  • Stevegola
  • Ronaldtori
  • qwuycuyljh