WEBJX分享适合web开发人员需求的小工具

2012-12-31 14:58:39  来源:网页教学网 

网页制作Webjx文章简介:今天就给大家分享10个有用的小工具,我相信这将是适合大多数开发人员的需求,这些小工具在可用性,速度和稳定性方面,为开发人员提供更多的选择功能,如果你正在开发一个这样的项目有,这些小工具是不错的选择.

构件 (或控制) 是由用户,如窗口或文本框中显示可变信息图形用户界面 (GUI) 的元素。在web开发当中我们经常需要构建用户友好的部件,如百度谷歌地图的拖拽,社会化分享工具的显示次数,漂亮的UI按钮等等,这些都是由小部件构建应用程序模块然后呈现给用户的基本视觉页面。

今天就给大家分享10个有用的小工具,我相信这将是适合大多数开发人员的需求,这些小工具在可用性,速度和稳定性方面,为开发人员提供更多的选择功能,如果你正在开发一个这样的项目有,这些小工具是不错的选择

1。GAGET:MAC OS X的免费的谷歌ANALYTICS(分析)小工具

GAget是Mac OS X重要的Google Analytics(分析)统计部件。。它显示访问次数,新的访问者。该工具不仅限于一个单一的网站,很容易配置文件之间切换(多个实例可以使用)。演示

2。JavaScript实现地图拖动功能SpryMap

SpryMap是一个独立的并且是轻量级的JavaScript类库,它不依赖于任何其他的JS框架。使用它你可以轻松实现类似Google、百度地图的 拖动效果,对于要展示大图时使用SpryMap是再好不过的了。SpryMap的定制性也很高,通过参数可以设置图片的起始位置、CSS样式等等。除此之 外,你也可以设置是否使用平滑的拖动效果。演示

使用方法

首先在head中加载SpryMap的脚本文件

<script type="text/javascript" src="spryMap-min2.js"></script>

在页面中添加要显示的图片,如设置id为worldMap的img标签

<img id="worldMap" src="map.jpg"/>

最后在页面加载时初始化

var map = new SpryMap({id : "worldMap",
                            height: 400,
                            width: 800,
                            startX: 200,                               
                            startY: 200,                               
                           cssClass: "mappy"});

3。Literally Canvas - 开源的HTML5画图组件

Literally Canvas 是一个开源的HTML5组件,可以集成到任何页面中,让用户可以在线画图。它配备了一组简单的工具,包括绘制,擦除,颜色选择器,撤消,重做,平移和缩放,

这个插件采用jQuery + Underscore.js开发,并拥有一个API来背景颜色,工具和尺寸。此外,可以将绘制后的结果导出成图片。

4。sharenice:开源社会共享的小工具

shareNice是一个开放源码的社会共享小工具类似Addthis个或分享这共享功能添加到任何网站容易。它侧重于用户的隐私,不将任何cookie或与第三方分享任何信息。新的有内置的支持最流行 ​​的社交网站(Twitter,Facebook,等等),并考虑提供源代码,可以添加(或删除)。演示

共2页: 上一页 1 [2] 下一页
更多