Posts

,

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.3. APIs
    以下 API 可以将很多现成的功能集成到你的站点：

    4. IP 定位
    用户来自什么地方。

    • IP Details
      一个 PHP 类库，根据 IP 地址获取用户地理位置
    • GEO-IP
      IP 到国家对应数据库

    5. 图表

    • amCharts
      基于 Flash，支持 3D 图表

    6. 地图

    • amMap
      交互式地图工具，支持下钻式挖掘

    • Flashmaps
      多个基于 Flash 的地图工具

    7. 音频播放器

    8. 视频播放器

    • OS FLV
      开源 Flash 视频播放器

    9. 视频转换

    10. 所见即所得编辑器

    • TinyMCE
      一个轻量的，基于 JavaScript 的所见即所得编辑器

    • XINHA
      功能完整的开源 WYSIWYG 编辑器

    • NicEdit
      一个简单的轻量级 WYSIWYG 编辑器
    • openWYSIWYG
      开源，跨浏览器 WYSIWYG 编辑器
    • CKEditor
      设计出众，功能丰富的 WYSIWYG 编辑器

    • 转载自http://www.cnbeta.com/articles/106525.htm http://www.cnbeta.com/articles/106527.htm
    来源 http://www.noupe.com/tools/100-essential-web-development-tools.html

    /by

    Portfolio Items