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

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

1. 函数与类库

A. CAPTCHA

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

reCAPTCHA

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



Securimage

这个一个免费的，开源 PHP CAPTCHA 脚本。



freeCap

基于 GPL 协议的 CAPTCHA 脚本

HN CAPTCHA

PHP CAPTCHA 脚本，基于 LGPL 协议

B. 日期处理

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

PEAR Date
通 用 PHP 日期类库

Date Class
PHP 类库，计算及其增减与日期差异

Date manipulation in PHP
PHPBuilder.com 上的一个教程，讲解如何进行日期处理

Date::Calc Perl Module
Perl模块，用于格列高利历法的日期计算

C. 图形处理

图片缩放，添加水印等：

Image Manipulation Class
在 PHP 中缩放，反转，旋转图片

PHP Thumbnailer
一 个轻量级图片缩略图工具

PHP GD
一个强大的图片处理类库

Perl GD
Perl 图片处理模块

D. 表单验证

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

validaForms
一个 PHP 表单验证类库

User Input Validation Class
一个 PHP 表单验证基础库

Validate Form Fields Script
另一个 PHP 表单验证基础库

WWW::FieldValidator
一个简单的 Perl 表单验证模块

E. 密码验证

验证密码的复杂度

Strength Test
一个 PHP 密码强度验证函数



Password Checker
一个 PHP 类，用来验证密码强度

Data::Password::Check
Perl 模块，用来验证密码强度

2. Ajax 与 JavaScript

A. 自动输入建议

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

Facebook-Style Autosuggest
Facebook 风格的自动输入建议



Autosuggest / Autocomplete with Ajax
基于 XML 和 JSON 数据源的自动输入建议工具



Ajax.Autocompleter
基于 script.aculo.us 的输入自动完成工具

Adobe Labs Spry Auto Suggest
由 Adobe 实验室提供的自动输入建议工具

Google Suggest Style Filter
Google Suggest 风格的自动输入建议

B. 日历

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

Vista-Like Ajax Calendar
基于 Mootools，Vista 风格



JS Calendar in DHTML Suite
基于 JavaScript ，支持多日历连接



AJAX Calendar with PHP and MySQL
一个开源的 AJAX 日历控件

Super AJAX Calendar
一个基于 PHP 和 MySQL 的日历控件

dhtmlxScheduler
一个强大的事务日历

C. 滑动条

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

Accessible Slider
一个设计出众的滑动条控件



Phatfusion Slider
一个基于 AJAX 的滑动条



AJAXEngine Sliders
AJAXEngine 项目中的滑动条

Slider Using PHP, Ajax And Javascript
一个简单实用的 AJAX 滑动条

WebFX Slider
基于 Apache 软件许可 2.0 的滑动条控件

D. 表格

Ajax 表格，支持排序等功能

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



dhtmlxGrid
支 持列排序和搜索



Unobtrusive Table Sort Script
支持多列排序

AJAX Data Listings Engine
基于 PHP 和 MySQL

TableKit
基于 Prototype JavaScript 框架

E. 可拖动内容

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

Draggable Content Scripts
dhtmlgoodies.com 推出多种可拖放内容脚本，以及图片裁剪工具



DragResize
支 持尺寸修改功能



Drag & Drop Sortable Lists
位置可调列表控件

Scriptaculous Draggable
script.aculo.us 框架的一部分

F. 图片放大

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

Highslide JS
在 Modal 窗口显示放大尺寸的图片



FancyZoom
图 片缩放显示



TJPzoom 3
图片 放大工具

Ajax Script To Scale Images
显示缩略图的放大尺寸版

G. 相册和幻灯

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

minishowcase
基于 AJAX 和 JSON 的相册控件



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



Hoverbox Image Gallery
简单的相册，鼠标在缩略图上移动时显示原图

TripTracker
以 幻灯方式显示图片

Agile Gallery (Ajax Version)
AJAX 相册工具

H. 打分工具

非常直观的打分控件

Starbox
基 于 Prototype JavaScript 框架



Unobtrusive AJAX Star Rating Bar
基于 PHP 和 AJAX



CSS: Star Rater Ajax Version
基于 AJAX

I. 取色板

用于取色

jscolor
简单的弹出式取色板



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



Tigra Color Picker
非常简单的取色板

Photoshop-like JavaScript Color Picker
支持色调和饱和度选项

ColorPicker – jQuery Plugin
基于 jQuery

DHTML Color Picker
基于 DHTML

J. 进度条

jsProgressBarHandler
非常灵活



YUI Loading Panel Widget
非常漂亮.



Simple Javascript Progress Bar with CSS
简单实用.

Uploadify
基于 jQuery.

3. APIs

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

Alexa Top Sites
这个 API 按 Alexa 排名返回网站列表

bit.ly API
bit.ly URL 缩短 API

Blinksale API
访 问 Blinksale 数据。

FoXRate
货币汇率转换 API

eBay API
eBay 的 API，可以向 eBay 提交货品。

Twitter API
Twitter API，用来访问 Twitter 数据，包括用户状态和信息。

4. IP 定位

用户来自什么地方。

OpenCrypt IP Location API
根据 IP 探测用户来自哪个国家



IP Details
一个 PHP 类库，根据 IP 地址获取用户地理位置

GEO-IP
IP 到国家对应数据库

5. 图表

amCharts
基于 Flash，支持 3D 图表



FusionCharts
漂 亮的 3D 图表



XML/SWF Charts
可高度定制的 Flash 图表工具

JFreeChart
基 于 Java 的免费图表工具

pChart
基 于 PHP

6. 地图

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



Google Charts API
来自 Google 地图工具，只是支持的地图尺寸有限



Flashmaps
多个基于 Flash 的地图工具

7. 音频播放器

XSPF Web Music Player
基于 Flash 的开源音频播放器



Flash MP3 Player
免 费 PHP + Flash MP3 播放器



TSPlayer
基于 Flash，支持换皮肤

E-Phonic MP3 Player
轻量级 MP3 播放器，支持换肤，支持实时视效

8. 视频播放器

OS FLV
开源 Flash 视频播放器



Flowplayer
很好用，高度可 定制。



JW FLV Media Player
强大的 Flash 视频播放器

FLV Player
漂亮的 FLV 播放器

9. 视频转换

OpenCrypt Video Conversion API
强大的视频转换 API，可生成 FLV 视频

Hey!Watch
一 个在线视频编码平台

Online FLV Converter
在线 FLV 视频转换

FlashVideo Module API
面向 Drupal 社区的 Flash 视频编码 API

10. 所见即所得编辑器

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



XINHA
功能完整的开源 WYSIWYG 编辑器



NicEdit
一个简单的轻量级 WYSIWYG 编辑器

openWYSIWYG
开 源，跨浏览器 WYSIWYG 编辑器

CKEditor
设计出众，功能丰富的 WYSIWYG 编辑器