StatMapSVG is a jQuery plugin to display statistical data in the form of a map such as the number of people in each area, the location and distribution of data, grouping data based on the value of a specified interval, and others. StatMapSVG takes map files in SVG format and makes them interactive. You can use StatMapSVG for country maps, province maps, city maps, floor plans and others.
Inspiration for Custom Select Elements with CSS3 & JavaScript
Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform the HTML elements into a structure that allows us to do some better styling, especially for more complex inputs like the select element. Once a custom structure is in place, the possibilities are really endless and the aim of creating a better experience for the user can be reached more easily.
Cajal : JavaScript library to Animate shapes on HTML5 Canvas
Cajal is a javascript library to draw and animate shapes on the HTML5 canvas element.
Cajal provides object oriented functionality to draw and animate shapes on the canvas element. You can easily reuse animations or complex shape-objects in other projects, as every shape can be assinged to as many canvas elements on your site as you like.
SVGMagic : jQuery SVG fallback Plugin
This ease-to-use jQuery plugin will create a fallback for .SVG images on your website. When the plugin notices that the visitors browser doesn’t support .SVG images it will replace those images with new .PNG images. Those .PNG images are created on the run using a serverside script. When the visitors browser does support .SVG images it will just go back to sleep.
A big advantage of SVGMagic is that you don’t have to create multiple versions of your images. You can just focus on the .SVG images and let SVGMagic do the rest.
jQuery Multiscreen Slideshow
Showcase your responsive designs in a great way using this slider, enable and disable the devices you want to show and position them in the way you like!
Features:
- Multiple screens slideshow
- Enable/disable the devices you want
- Position them the way you like
- Lots of different animations that can be set per device
- Lots of different easings that can be set per device
- Set the animation speed and delay per device to create unique animations
- Pagination, previous/next navigation and play/stop controls
- Responsive
- Works on all modern devices and in all modern browsers
JsMorph : JavaScript Motion framework
jsMorph is a morphing – motion – tweening framework that knows what you need to do… get going! It’s a nice ensemble of best timing, fast, smart and resource saving algorithms and convenience.
jsMorph is a completely Cross-Browser, pure javaScript animation framework that can manipulate almost any and multiple stylings of multiple HTML elements. It auto detects start positions, auto converts units, automatically adjusts rendering speed and corrects time leaks for smoother rendering experience.