Web 技術(shù)突飛猛進(jìn)，Web 設(shè)計(jì)與開(kāi)發(fā)者們可以選擇的工具越來(lái)越多，Web 開(kāi)發(fā)者的技巧不再只限于 HTML 和 服務(wù)器端編程，還需要精通各種第三方資源，這些第三方資源有時(shí)候比你的項(xiàng)目更復(fù)雜，更專(zhuān)業(yè)，你無(wú)法自己實(shí)現(xiàn)一切，借助一些 Web API，你可以很方便地將大量?jī)?yōu)秀的第三方資源集成到自己的站點(diǎn)。本文全面搜集 Web 開(kāi)發(fā)中可能用到的各種第三方資源。

1. 函數(shù)與類(lèi)庫(kù)

A. CAPTCHA

CAPTCHA 用來(lái)防止惡意表單發(fā)布，以下 CAPTCHA 系統(tǒng)可以輕松集成到你的程序中：

reCAPTCHA

這是目前最流行的 CAPTCHA 機(jī)制，該機(jī)制同時(shí)是一個(gè)古籍?dāng)?shù)字化工程的一部分，用戶(hù)在驗(yàn)證的同時(shí)，也幫助辨認(rèn)一些不夠清晰的估計(jì)掃描。reCAPTCHA 還有一個(gè) Perl 模塊 實(shí)現(xiàn)該功能。

?

?

Securimage

這個(gè)一個(gè)免費(fèi)的，開(kāi)源 PHP CAPTCHA 腳本。

?

?

freeCap

基于 GPL 協(xié)議的 CAPTCHA 腳本

HN CAPTCHA

PHP CAPTCHA 腳本，基于 LGPL 協(xié)議

B. 日期處理

日期操作并不輕松，盡管 PHP 和 Perl 內(nèi)置了大量此類(lèi)函數(shù)，但未必滿(mǎn)足你的需要，以下是幾個(gè)很好用的日期函數(shù)：

• PEAR Date
  通用 PHP 日期類(lèi)庫(kù)
• Date Class
  PHP 類(lèi)庫(kù)，計(jì)算及其增減與日期差異
• Date manipulation in PHP
  PHPBuilder.com 上的一個(gè)教程，講解如何進(jìn)行日期處理
• Date::Calc Perl Module
  Perl模塊，用于格列高利歷法的日期計(jì)算

C. 圖形處理

圖片縮放，添加水印等：

• Image Manipulation Class
  在 PHP 中縮放，反轉(zhuǎn)，旋轉(zhuǎn)圖片
• PHP Thumbnailer
  一個(gè)輕量級(jí)圖片縮略圖工具
• PHP GD
  一個(gè)強(qiáng)大的圖片處理類(lèi)庫(kù)
• Perl GD
  Perl 圖片處理模塊

D. 表單驗(yàn)證

表單驗(yàn)證不僅保證用戶(hù)填寫(xiě)的準(zhǔn)確，還可以防止攻擊：

• validaForms
  一個(gè) PHP 表單驗(yàn)證類(lèi)庫(kù)
• User Input Validation Class
  一個(gè) PHP 表單驗(yàn)證基礎(chǔ)庫(kù)
• Validate Form Fields Script
  另一個(gè) PHP 表單驗(yàn)證基礎(chǔ)庫(kù)
• WWW::FieldValidator
  一個(gè)簡(jiǎn)單的 Perl 表單驗(yàn)證模塊

E. 密碼驗(yàn)證

驗(yàn)證密碼的復(fù)雜度

• Strength Test
  一個(gè) PHP 密碼強(qiáng)度驗(yàn)證函數(shù)
• Password Checker
  一個(gè) PHP 類(lèi)，用來(lái)驗(yàn)證密碼強(qiáng)度
• Data::Password::Check
  Perl 模塊，用來(lái)驗(yàn)證密碼強(qiáng)度

2. Ajax 與 JavaScript

A. 自動(dòng)輸入建議

最早最成熟的自動(dòng)輸入建議應(yīng)該是 Google 搜索條。

• Facebook-Style Autosuggest
  Facebook 風(fēng)格的自動(dòng)輸入建議
• Autosuggest / Autocomplete with Ajax
  基于 XML 和 JSON 數(shù)據(jù)源的自動(dòng)輸入建議工具
• Ajax.Autocompleter
  基于 script.aculo.us 的輸入自動(dòng)完成工具
• Adobe Labs Spry Auto Suggest
  由 Adobe 實(shí)驗(yàn)室提供的自動(dòng)輸入建議工具
• Google Suggest Style Filter
  Google Suggest 風(fēng)格的自動(dòng)輸入建議

B. 日歷

在輸入日期的地方，使用非常直觀的日歷面板

• Vista-Like Ajax Calendar
  基于 Mootools，Vista 風(fēng)格
• JS Calendar in DHTML Suite
  基于 JavaScript ，支持多日歷連接
• AJAX Calendar with PHP and MySQL
  一個(gè)開(kāi)源的 AJAX 日歷控件
• Super AJAX Calendar
  一個(gè)基于 PHP 和 MySQL 的日歷控件
• dhtmlxScheduler
  一個(gè)強(qiáng)大的事務(wù)日歷

C. 滑動(dòng)條

滑動(dòng)條可以更直觀地進(jìn)行數(shù)值的輸入和選擇

• Accessible Slider
  一個(gè)設(shè)計(jì)出眾的滑動(dòng)條控件
• Phatfusion Slider
  一個(gè)基于 AJAX 的滑動(dòng)條
• AJAXEngine Sliders
  AJAXEngine 項(xiàng)目中的滑動(dòng)條
• Slider Using PHP, Ajax And Javascript
  一個(gè)簡(jiǎn)單實(shí)用的 AJAX 滑動(dòng)條
• WebFX Slider
  基于 Apache 軟件許可 2.0 的滑動(dòng)條控件

D. 表格

Ajax 表格，支持排序等功能

• Grid3
  作為 Ext JS 庫(kù)一部分的表格控件
• dhtmlxGrid
  支持列排序和搜索
• Unobtrusive Table Sort Script
  支持多列排序
• AJAX Data Listings Engine
  基于 PHP 和 MySQL
• TableKit
  基于 Prototype JavaScript 框架

E. 可拖動(dòng)內(nèi)容

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 推出多種可拖放內(nèi)容腳本，以及圖片裁剪工具
• DragResize
  支持尺寸修改功能
• Drag & Drop Sortable Lists
  位置可調(diào)列表控件
• Scriptaculous Draggable
  script.aculo.us 框架的一部分

F. 圖片放大

類(lèi)似 JavaScript 燈箱的圖片放大顯示控件

• Highslide JS
  在 Modal 窗口顯示放大尺寸的圖片
• FancyZoom
  圖片縮放顯示
• TJPzoom 3
  圖片放大工具
• Ajax Script To Scale Images
  顯示縮略圖的放大尺寸版

G. 相冊(cè)和幻燈

用相冊(cè)或幻燈方式顯示系列圖片

• minishowcase
  基于 AJAX 和 JSON 的相冊(cè)控件
• Animated JavaScript Slideshow
  輕量級(jí) JavaScript 圖片幻燈效果，支持運(yùn)動(dòng)字幕
• Hoverbox Image Gallery
  簡(jiǎn)單的相冊(cè)，鼠標(biāo)在縮略圖上移動(dòng)時(shí)顯示原圖
• TripTracker
  以幻燈方式顯示圖片
• Agile Gallery (Ajax Version)
  AJAX 相冊(cè)工具

H. 打分工具

非常直觀的打分控件

• Starbox
  基于 Prototype JavaScript 框架
• Unobtrusive AJAX Star Rating Bar
  基于 PHP 和 AJAX
• CSS: Star Rater Ajax Version
  基于 AJAX

I. 取色板

用于取色

• jscolor
  簡(jiǎn)單的彈出式取色板
• JavaScript Color Picker
  支持 RGB，HSL，以及16進(jìn)制圖片色值
• Tigra Color Picker
  非常簡(jiǎn)單的取色板
• Photoshop-like JavaScript Color Picker
  支持色調(diào)和飽和度選項(xiàng)
• ColorPicker – jQuery Plugin
  基于 jQuery
• DHTML Color Picker
  基于 DHTML

J. 進(jìn)度條

• jsProgressBarHandler
  非常靈活
• YUI Loading Panel Widget
  非常漂亮.
• Simple Javascript Progress Bar with CSS
  簡(jiǎn)單實(shí)用.
• Uploadify
  基于 jQuery.

3. APIs

以下 API 可以將很多現(xiàn)成的功能集成到你的站點(diǎn)：

• Alexa Top Sites
  這個(gè) API 按 Alexa 排名返回網(wǎng)站列表
• bit.ly API
  bit.ly URL 縮短 API
• Blinksale API
  訪(fǎng)問(wèn) Blinksale 數(shù)據(jù)。
• FoXRate
  貨幣匯率轉(zhuǎn)換 API
• eBay API
  eBay 的 API，可以向 eBay 提交貨品。
• Twitter API
  Twitter API，用來(lái)訪(fǎng)問(wèn) Twitter 數(shù)據(jù)，包括用戶(hù)狀態(tài)和信息。

4. IP 定位

用戶(hù)來(lái)自什么地方。

• OpenCrypt IP Location API
  根據(jù) IP 探測(cè)用戶(hù)來(lái)自哪個(gè)國(guó)家
• IP Details
  一個(gè) PHP 類(lèi)庫(kù)，根據(jù) IP 地址獲取用戶(hù)地理位置
• GEO-IP
  IP 到國(guó)家對(duì)應(yīng)數(shù)據(jù)庫(kù)

5. 圖表

• amCharts
  基于 Flash，支持 3D 圖表
• FusionCharts
  漂亮的 3D 圖表
• XML/SWF Charts
  可高度定制的 Flash 圖表工具
• JFreeChart
  基于 Java 的免費(fèi)圖表工具
• pChart
  基于 PHP

6. 地圖

• amMap
  交互式地圖工具，支持下鉆式挖掘
• Google Charts API
  來(lái)自 Google 地圖工具，只是支持的地圖尺寸有限
• Flashmaps
  多個(gè)基于 Flash 的地圖工具

7. 音頻播放器

• XSPF Web Music Player
  基于 Flash 的開(kāi)源音頻播放器
• Flash MP3 Player
  免費(fèi) PHP + Flash MP3 播放器
• TSPlayer
  基于 Flash，支持換皮膚
• E-Phonic MP3 Player
  輕量級(jí) MP3 播放器，支持換膚，支持實(shí)時(shí)視效

8. 視頻播放器

• OS FLV
  開(kāi)源 Flash 視頻播放器
• Flowplayer
  很好用，高度可定制。
• JW FLV Media Player
  強(qiáng)大的 Flash 視頻播放器
• FLV Player
  漂亮的 FLV 播放器

9. 視頻轉(zhuǎn)換

• OpenCrypt Video Conversion API
  強(qiáng)大的視頻轉(zhuǎn)換 API，可生成 FLV 視頻
• Hey!Watch
  一個(gè)在線(xiàn)視頻編碼平臺(tái)
• Online FLV Converter
  在線(xiàn) FLV 視頻轉(zhuǎn)換
• FlashVideo Module API
  面向 Drupal 社區(qū)的 Flash 視頻編碼 API

10. 所見(jiàn)即所得編輯器

• TinyMCE
  一個(gè)輕量的，基于 JavaScript 的所見(jiàn)即所得編輯器
• XINHA
  功能完整的開(kāi)源 WYSIWYG 編輯器
• 
• NicEdit
  一個(gè)簡(jiǎn)單的輕量級(jí) WYSIWYG 編輯器
• openWYSIWYG
  開(kāi)源，跨瀏覽器 WYSIWYG 編輯器
• CKEditor
  設(shè)計(jì)出眾，功能豐富的 WYSIWYG 編輯器

Web設(shè)計(jì)與開(kāi)發(fā)終極資源大全