星期三, 三月 17, 2010

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 类库,计算及其增减与日期差异
  • C. 图形处理 
    图片缩放,添加水印等:
  • Image Manipulation Class
    在 PHP 中缩放,反转,旋转图片
  • PHP Thumbnailer
    一个轻量级图片缩略图工具
  • D. 表单验证 
    表单验证不仅保证用户填写的准确,还可以防止攻击:
  • validaForms
    一个 PHP 表单验证类库
  • User Input Validation Class
    一个 PHP 表单验证基础库
  • E. 密码验证 
    验证密码的复杂度
  • Strength Test
    一个 PHP 密码强度验证函数


  • 2. Ajax 与 JavaScript A. 自动输入建议 
    最早最成熟的自动输入建议应该是 Google 搜索条。
  • Facebook-Style Autosuggest
    Facebook 风格的自动输入建议


  • Autosuggest / Autocomplete with Ajax
    基于 XML 和 JSON 数据源的自动输入建议工具


  • Ajax.Autocompleter
    基于 script.aculo.us 的输入自动完成工具
  • B. 日历 
    在输入日期的地方,使用非常直观的日历面板
  • Vista-Like Ajax Calendar
    基于 Mootools,Vista 风格


  • JS Calendar in DHTML Suite
    基于 JavaScript ,支持多日历连接


  • C. 滑动条 
    滑动条可以更直观地进行数值的输入和选择
  • Accessible Slider
    一个设计出众的滑动条控件


  • Phatfusion Slider
    一个基于 AJAX 的滑动条


  • AJAXEngine Sliders
    AJAXEngine 项目中的滑动条
  • D. 表格 
    Ajax 表格,支持排序等功能
  • Grid3
    作为 Ext JS 库一部分的表格控件


  • dhtmlxGrid
    支持列排序和搜索


  • Unobtrusive Table Sort Script
    支持多列排序
  • AJAX Data Listings Engine
    基于 PHP 和 MySQL
  • TableKit
    基于 Prototype JavaScript 框架
  • E. 可拖动内容
  • Draggable Content Scripts
    dhtmlgoodies.com 推出多种可拖放内容脚本,以及图片裁剪工具


  • DragResize
    支持尺寸修改功能


  • F. 图片放大 
    类似 JavaScript 灯箱的图片放大显示控件
  • Highslide JS
    在 Modal 窗口显示放大尺寸的图片


  • FancyZoom
    图片缩放显示


  • TJPzoom 3
    图片放大工具

  • G. 相册和幻灯 
    用相册或幻灯方式显示系列图片
  • minishowcase
    基于 AJAX 和 JSON 的相册控件


  • Animated JavaScript Slideshow
    轻量级 JavaScript 图片幻灯效果,支持运动字幕


  • Hoverbox Image Gallery
    简单的相册,鼠标在缩略图上移动时显示原图
  • 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
    非常简单的取色板
  • J. 进度条
  • jsProgressBarHandler
    非常灵活


  • YUI Loading Panel Widget
    非常漂亮.


  • Simple Javascript Progress Bar with CSS
    简单实用.
  • Uploadify
    基于 jQuery.

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

    没有评论: