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.

 

3. APIs

An API (Application Programming Interface) is a set of program functions which can be accessed by another application. One example is a currency conversion API that retrieves currency conversion data by allowing the user to enter a base currency, an amount, and the desired result currency, which returns a result via the API.

• Alexa Top Sites
  This API provides access to lists of web sites ordered by Alexa Traffic Rank.
• bit.ly API
  A useful API for the bit.ly URL shortening service.
• Blinksale API
  Enables you to access Blinksale data such as invoices and customer data.
• FoXRate
  A basic currency conversion API.
• eBay API
  eBay’s API which allows you to submit items to be listed and obtain listing data.
• Twitter API
  The Twitter API allows you to have access to Twitter data, including user and status information.

4. IP Locations

Finding out where your visitors are located can be valuable from a development standpoint. It can help you understand your visitors so you can design your site to better suit their needs. IP location information can help you determine where a user is located, enabling you to display content in the their language. You can also optionally customize other information such as currencies and shipping costs.

• OpenCrypt IP Location API
  A hosted API service for determining user location by country.



• IP Details
  A PHP class for determining geographical locations based on IP address.
• GEO-IP
  A free IP to country database.

5. Charts and Graphs

Charts and graphs enable you to display complex data visually. This is useful for example when trying to determine information like daily pageview counts from detailed statistical logs, enabling the user to immediately see how the data varies over a period of time.

• amCharts
  A powerful Flash charts tool which supports 3D charts and the ability to combine different graphs.



• FusionCharts
  A well designed and stylish 3D charts tool.



• XML/SWF Charts
  A highly customizable Flash charts tool.
• JFreeChart
  A free Java-based charting tool.
• pChart
  A powerful PHP class for building attractive charts.

6. Maps

Once you are using IP location tools like those listed above, you will have a collection of user location data. What better way to display it than with an interactive map. Interactive maps are also useful for understanding user location data such as sales information, for example, when you receive delivery and billing address info from a user.

• amMap
  An interactive mapping tool which includes drill-down functionality.



• Google Charts API
  A great mapping tool, though limited to a small map size.



• Flashmaps
  A great collection of different Flash mapping tools.

7. Audio Players

When used well, playing audio on your web site can be a great way of setting a mood or getting a message across.

• XSPF Web Music Player
  A Flash-based open source audio player which includes playlist support.



• Flash MP3 Player
  A free PHP and Flash MP3 player.



• TSPlayer
  A Flash-based skinnable MP3 audio player.
• E-Phonic MP3 Player
  A lightweight skinnable MP3 audio player with real-time visualization effects.

8. Video Players

Video content is now becoming a standard, but getting the right video player is very important. Video content is the ideal, and often expected tool for promotion, so getting a player which suits your site and needs is now a critical design and development choice.

• OS FLV
  An open source and well featured Flash video player.



• Flowplayer
  A full-featured and highly customizable Flash video player.



• JW FLV Media Player
  A very powerful and flexible Flash video player.
• FLV Player
  A stylish and customizable Flash video player.

9. Video Conversion

Video conversion/encoding can be a tricky business. Videos can be in a wide range of formats but most players only support a handful of those. If you don’t have a server which supports ffmpeg, converting videos to a format suitable for your player is usually an offline and manual task.

• OpenCrypt Video Conversion API
  A powerful video conversion API for generating FLV video files.
• Hey!Watch
  An online video encoding platform.
• Online FLV Converter
  An online FLV video converter.
• FlashVideo Module API
  A Flash video encoding API targeted to the Drupal community.

10. WYSIWYG Editors

WYSIWYG (What You See Is What You Get) editors enable you to offer an HTML editor when users enter information, for example, in content management systems, or for entering comments or reviews. These editors enable users to style and format data without the need to understand HTML.

• TinyMCE
  A lightweight yet powerful JavaScript WYSIWYG editor.



• XINHA
  A fully featured and open source WYSIWYG editor.



• NicEdit
  A simple and lightweight WYSIWYG editor.
• openWYSIWYG
  An open source, cross-browser WYSIWYG editor.
• CKEditor
  A well designed and feature-rich WYSIWYG editor.

 

本文国际来源：http://www.noupe.com/tools/100-essential-web-development-tools.html