WEBJX to share gadgets that fit the needs of Web developers

Article Introduction: Let's share 10 useful gadgets today, I believe this will be a requirement for most developers, these gadgets provide more options for developers in terms of availability, speed, and stability, and if you're developing a project like this, these gadgets are a good choice.

A widget (or control) is an element that displays a variable information graphical user interface (GUI) in a user, such as a window or text box. In web development we often need to build user-friendly parts, such as Baidu Google Map of the drag, social sharing tool display times, beautiful UI buttons and so on, these are from the Widget building application modules and then presented to the user's basic visual page.

Let's share 10 useful gadgets today, I believe this will be a requirement for most developers, these gadgets provide more choices for developers in terms of availability, speed, and stability, and if you're developing a project like this, these gadgets are a good choice.

1. Gaget:mac OS x Free Google Analytics (analytics) Gadgets

Gaget is an important Google Analytics (analysis) statistic for Mac OS X. It shows the number of visits, new visitors. The tool is not limited to a single Web site, it is easy to switch between configuration files (multiple instances can be used). Demonstrate

2. JavaScript implements map dragging function Sprymap

Sprymap is a standalone and lightweight JavaScript class library that does not rely on any other JS framework. Use it you can easily achieve similar to Google, Baidu map of the drag effect, to show the big picture when using Sprymap is the best. Sprymap customization is also very high, through the parameters can set the starting position of the picture, CSS style and so on. In addition, you can also set whether to use a smooth drag effect. Demonstrate

How to use

First load the Sprymap script file in the head

Add a picture to be displayed on the page, such as setting an IMG tag with ID worldmap

Finally initialized when the page is loaded

var map = new Sprymap ({ID: "WorldMap",

                            height:400,

                            width:800,

                            STARTX:200,                               

                            STARTY:200,                               

                           CssClass: "Mappy"});

3. Literally Canvas-open source HTML5 drawing components

literally Canvas is an open source HTML5 component that can be integrated into any page, allowing users to paint online. It comes with a set of simple tools, including drawing, erasing, color picker, undo, redo, pan and Zoom,

This plugin is developed using jquery + Underscore.js and has an API to background colors, tools, and dimensions. In addition, you can export the drawn results to a picture.

4. Sharenice: A small tool for open source social sharing

Sharenice is an open source social sharing gadget similar to the AddThis or sharing feature added to any site easily. It focuses on the privacy of the user and does not share any information with any cookies or with third parties. The new has built-in support for the most popular social networking sites (Twitter,facebook, etc.), and consider providing source code that can be added (or deleted). Demonstrate

[1] [2] Next page