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.

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

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 编辑器