搜尋

隨機推薦

22 六月 2011

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 內置了大量此類函數,但未必滿足你的需要,以下是幾個很好用的日期函數:

C. 圖形處理

圖片縮放,添加水印等:

D. 表單驗證

表單驗證不僅保證用戶填寫的準確,還可以防止攻擊:

E. 密碼驗證

驗證密碼的複雜度

2. Ajax 與 JavaScript

A. 自動輸入建議

最早最成熟的自動輸入建議應該是 Google 搜索條。

B. 日曆

在輸入日期的地方,使用非常直觀的日曆面板

C. 滑動條

滑動條可以更直觀地進行數值的輸入和選擇

D. 表格

Ajax 表格,支持排序等功能

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.

F. 圖片放大

類似 JavaScript 燈箱的圖片放大顯示控件

G. 相冊和幻燈

用相冊或幻燈方式顯示系列圖片

H. 打分工具

非常直觀的打分控件

I. 取色板

用於取色

J. 進度條


Web 技術突飛猛進,Web 設計與開發者們可以選擇的工具越來越多,Web 開發者的技巧不再只限於 HTML 和 服務器端編程,還需要精通各種第三方資源,這些第三方資源有時候比你的項目更複雜,更專業,你無法自己實現一切,借助一些 Web API,你可以很方便地將大量優秀的第三方資源集成到自己的站點。本文是第二部分。

3. APIs

以下 API 可以將很多現成的功能集成到你的站點:

4. IP 定位

用戶來自什麼地方。

5. 圖表

6. 地圖

  • amMap
    交互式地圖工具,支持下鑽式挖掘
  • Google Charts API
    來自 Google 地圖工具,只是支持的地圖尺寸有限
  • Flashmaps
    多個基於 Flash 的地圖工具

7. 音頻播放器

8. 視頻播放器

9. 視頻轉換

10. 所見即所得編輯器

  • TinyMCE
    一個輕量的,基於 JavaScript 的所見即所得編輯器
  • XINHA
    功能完整的開源 WYSIWYG 編輯器
  • NicEdit
    一個簡單的輕量級 WYSIWYG 編輯器
  • openWYSIWYG
    開源,跨瀏覽器 WYSIWYG 編輯器
  • CKEditor
    設計出眾,功能豐富的 WYSIWYG 編輯器

本文國際來源:http://www.noupe.com/tools/100-essential-web-development-tools.html

 

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.