|
Web 技術(shù)突飛猛進(jìn),Web 設(shè)計(jì)與開(kāi)發(fā)者們可以選擇的工具越來(lái)越多,Web 開(kāi)發(fā)者的技巧不再只限于 HTML 和服務(wù)器端編程,還需要精通各種第三方資源,這些第三方資源有時(shí)候比你的項(xiàng)目更復(fù)雜,更專業(yè),你無(wú)法自己實(shí)現(xiàn)一切,借助一些 WebAPI,你可以很方便地將大量?jī)?yōu)秀的第三方資源集成到自己的站點(diǎn)。本文全面搜集 Web 開(kāi)發(fā)中可能用到的各種第三方資源。
1. 函數(shù)與類庫(kù)
A. CAPTCHA
CAPTCHA 用來(lái)防止惡意表單發(fā)布,以下 CAPTCHA 系統(tǒng)可以輕松集成到你的程序中:
這是目前最流行的 CAPTCHA 機(jī)制,該機(jī)制同時(shí)是一個(gè)古籍?dāng)?shù)字化工程的一部分,用戶在驗(yàn)證的同時(shí),也幫助辨認(rèn)一些不夠清晰的估計(jì)掃描。reCAPTCHA 還有一個(gè) Perl 模塊 實(shí)現(xiàn)該功能。
這個(gè)一個(gè)免費(fèi)的,開(kāi)源 php CAPTCHA 腳本。
基于 GPL 協(xié)議的 CAPTCHA 腳本
php CAPTCHA 腳本,基于 LGPL 協(xié)議
B. 日期處理
日期操作并不輕松,盡管 php 和 Perl 內(nèi)置了大量此類函數(shù),但未必滿足你的需要,以下是幾個(gè)很好用的日期函數(shù):
- PEAR Date
通用 php 日期類庫(kù) - Date Class
php 類庫(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)大的圖片處理類庫(kù) - Perl GD
Perl 圖片處理模塊
D. 表單驗(yàn)證
表單驗(yàn)證不僅保證用戶填寫的準(zhǔn)確,還可以防止攻擊:
- validaForms
一個(gè) php 表單驗(yàn)證類庫(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)驗(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-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.
- Draggable Content Scripts
dhtmlgoodies.com 推出多種可拖放內(nèi)容腳本,以及圖片裁剪工具
- DragResize
支持尺寸修改功能
- Drag & Drop Sortable Lists
位置可調(diào)列表控件 - Scriptaculous Draggable
script.aculo.us 框架的一部分
F. 圖片放大
類似 JavaScript 燈箱的圖片放大顯示控件
- Highslide JS
在 Modal 窗口顯示放大尺寸的圖片
- FancyZoom
圖片縮放顯示
- TJPzoom 3
圖片放大工具 - Ajax Script To Scale Images
顯示縮略圖的放大尺寸版
G. 相冊(cè)和幻燈
用相冊(cè)或幻燈方式顯示系列圖片
- minishowcase
基于 AJAX 和 JSON 的相冊(cè)控件
- Hoverbox Image Gallery
簡(jiǎn)單的相冊(cè),鼠標(biāo)在縮略圖上移動(dòng)時(shí)顯示原圖 - TripTracker
以幻燈方式顯示圖片 - Agile Gallery (Ajax Version)
AJAX 相冊(cè)工具
H. 打分工具
非常直觀的打分控件
- 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
非常漂亮.
3. APIs
以下 API 可以將很多現(xiàn)成的功能集成到你的站點(diǎn):
- Alexa Top Sites
這個(gè) API 按 Alexa 排名返回網(wǎng)站列表 - bit.ly API
bit.ly URL 縮短 API - Blinksale API
訪問(wèn) Blinksale 數(shù)據(jù)。 - FoXRate
貨幣匯率轉(zhuǎn)換 API - eBay API
eBay 的 API,可以向 eBay 提交貨品。 - Twitter API
Twitter API,用來(lái)訪問(wèn) Twitter 數(shù)據(jù),包括用戶狀態(tài)和信息。
4. IP 定位
用戶來(lái)自什么地方。
- OpenCrypt IP Location API
根據(jù) IP 探測(cè)用戶來(lái)自哪個(gè)國(guó)家
- IP Details
一個(gè) php 類庫(kù),根據(jù) IP 地址獲取用戶地理位置 - 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. 視頻播放器
- 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è)在線視頻編碼平臺(tái) - Online FLV Converter
在線 FLV 視頻轉(zhuǎn)換 - FlashVideo Module API
面向 Drupal 社區(qū)的 Flash 視頻編碼 API
10. 所見(jiàn)即所得編輯器
- NicEdit
一個(gè)簡(jiǎn)單的輕量級(jí) WYSIWYG 編輯器 - openWYSIWYG
開(kāi)源,跨瀏覽器 WYSIWYG 編輯器 - CKEditor
設(shè)計(jì)出眾,功能豐富的 WYSIWYG 編輯器
本文國(guó)際來(lái)源:http://www.noupe.com/tools/100-essential-web-development-tools.html
中文編譯來(lái)源:銳商企業(yè)CMS 網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站
it知識(shí)庫(kù):Web 設(shè)計(jì)與開(kāi)發(fā)終極資源大全,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。