Web 設計與開發終極資源大全(上)

來源:互聯網
上載者:User

 

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 與 JavaScriptA. 自動輸入建議

最早最成熟的自動輸入建議應該是 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.

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.