Web 设计与开发终极资源大全

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 WebAPI,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。

1. 函数与类库

A. CAPTCHA

CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中:

reCAPTCHA

这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。

clip_image001

Securimage

这个一个免费的,开源 php CAPTCHA 脚本。

clip_image002

freeCap

基于 GPL 协议的 CAPTCHA 脚本

HN CAPTCHA

php CAPTCHA 脚本,基于 LGPL 协议

B. 日期处理

日期操作并不轻松,尽管 php 和 Perl 内置了大量此类函数,但未必满足你的需要,以下是几个很好用的日期函数:

C. 图形处理

图片缩放,添加水印等:

D. 表单验证

表单验证不仅保证用户填写的准确,还可以防止攻击:

E. 密码验证

验证密码的复杂度

clip_image003

2. Ajax JavaScript

A. 自动输入建议

最早最成熟的自动输入建议应该是 Google 搜索条。

clip_image004

clip_image005

B. 日历

在输入日期的地方,使用非常直观的日历面板

clip_image006

clip_image007

C. 滑动条

滑动条可以更直观地进行数值的输入和选择

clip_image008

clip_image009

D. 表格

Ajax 表格,支持排序等功能

  • Grid3
    作为 Ext JS 库一部分的表格控件

clip_image010

clip_image011

E. 可拖动内容

Ajax-baseddraggable content features can be very useful when used appropriately.Such tools enable users to reorganize a page to suit their needs, andcan also serve as a basis for an interactive feature like a shoppingbasket.

clip_image012

clip_image013

F. 图片放大

类似 JavaScript 灯箱的图片放大显示控件

clip_image014

clip_image015

G. 相册和幻灯

用相册或幻灯方式显示系列图片

clip_image016

  • Animated JavaScript Slideshow
    轻量级 JavaScript 图片幻灯效果,支持运动字幕

clip_image017

H. 打分工具

非常直观的打分控件

clip_image018

clip_image019

I. 取色板

用于取色

  • jscolor
    简单的弹出式取色板

clip_image020

  • JavaScript Color Picker
    支持 RGB,HSL,以及16进制图片色值

clip_image021

J. 进度条

clip_image022

clip_image023

3. APIs

以下 API 可以将很多现成的功能集成到你的站点:

4. IP 定位

用户来自什么地方。

clip_image001

  • IP Details
    一个 php 类库,根据 IP 地址获取用户地理位置
  • GEO-IP
    IP 到国家对应数据库

5. 图表

  • amCharts
    基于 Flash,支持 3D 图表

clip_image002

clip_image003

6. 地图

  • amMap
    交互式地图工具,支持下钻式挖掘

clip_image004

clip_image004[1]

7. 音频播放器

clip_image005

clip_image006

8. 视频播放器

clip_image007

clip_image008

9. 视频转换

10. 所见即所得编辑器

  • TinyMCE
    一个轻量的,基于 JavaScript 的所见即所得编辑器

clip_image009

clip_image010

本文国际来源:http://www.noupe.com/tools/100-essential-web-development-tools.html

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

it知识库Web 设计与开发终极资源大全,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。