您的位置:知识库 » Web前端

Web 设计与开发终极资源大全

来源: 锐商企业CMS 网站内容管理系统 官方网站  发布时间: 2010-03-18 13:10  阅读: 1702 次  推荐: 1   原文链接   [收藏]  

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 WebAPI,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。

1. 函数与类库

A. CAPTCHA

CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中:

reCAPTCHA

这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。

clip_image001

Securimage

这个一个免费的,开源 PHP CAPTCHA 脚本。

clip_image002

freeCap

基于 GPL 协议的 CAPTCHA 脚本

HN CAPTCHA

PHP CAPTCHA 脚本,基于 LGPL 协议

B. 日期处理

日期操作并不轻松,尽管 PHP 和 Perl 内置了大量此类函数,但未必满足你的需要,以下是几个很好用的日期函数:

C. 图形处理

图片缩放,添加水印等:

D. 表单验证

表单验证不仅保证用户填写的准确,还可以防止攻击:

E. 密码验证

验证密码的复杂度

clip_image003

2. Ajax 与 JavaScript

A. 自动输入建议

最早最成熟的自动输入建议应该是 Google 搜索条。

clip_image004

clip_image005

B. 日历

在输入日期的地方,使用非常直观的日历面板

clip_image006

clip_image007

C. 滑动条

滑动条可以更直观地进行数值的输入和选择

clip_image008

clip_image009

D. 表格

Ajax 表格,支持排序等功能

  • Grid3
    作为 Ext JS 库一部分的表格控件

clip_image010

clip_image011

E. 可拖动内容

Ajax-baseddraggable content features can be very useful when used appropriately.Such tools enable users to reorganize a page to suit their needs, andcan also serve as a basis for an interactive feature like a shoppingbasket.

clip_image012

clip_image013

F. 图片放大

类似 JavaScript 灯箱的图片放大显示控件

clip_image014

clip_image015

G. 相册和幻灯

用相册或幻灯方式显示系列图片

clip_image016

clip_image017

H. 打分工具

非常直观的打分控件

  • Starbox
    基于 Prototype JavaScript 框架

clip_image018

clip_image019

I. 取色板

用于取色

  • jscolor
    简单的弹出式取色板

clip_image020

clip_image021

J. 进度条

clip_image022

clip_image023

3. APIs

以下 API 可以将很多现成的功能集成到你的站点:

4. IP 定位

用户来自什么地方。

clip_image001

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

5. 图表

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

clip_image002

clip_image003

6. 地图

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

clip_image004

clip_image004[1]

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

7. 音频播放器

clip_image005

clip_image006

8. 视频播放器

  • OS FLV
    开源 Flash 视频播放器

clip_image007

clip_image008

9. 视频转换

10. 所见即所得编辑器

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

clip_image009

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

clip_image010

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

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

中文编译来源:锐商企业CMS 网站内容管理系统 官方网站

1
0
标签:Web

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻