Web 設計與開發終極資源大集合

2009/06/15

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.

Web 技術突飛猛進，Web 設計與開發者們可以選擇的工具越來越多，Web 開發者的技巧不再只限於 HTML 和服務器端編程，還需要精通各種第三方資源，這些第三方資源有時候比你的項目更複雜，更專業，你無法自己實現一切，借助一些 Web API，你可以很方便地將大量優秀的第三方資源集成到自己的站點。本文是第二部分。