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 與 JavaScriptA. 自動輸入建議
最早最成熟的自動輸入建議應該是 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.