2008年08月05日

ずばり客が喜ぶWEBサイトを作れるフリーのAjaxサンプル集３０個

カテゴリ：WEBデザイン

WEB制作で、デザイン性に優れているも、機能的にイマイチだな。と思われてしまうことは無いか。しかしそんなにお金を掛けれないという客にオススメなのが、フリーのAjaxです。FLASHにしてしまうと十万単位で値段が上がりますが、これなら数万に抑えれます。

◆Lightbox 2

■Lightbox 2

写真をポップアップして背景を暗くする、イメージギャラリーに使えるライトボックス。はいはい、メジャーですね。ｊｐｇ

次！

◆Timeline

■SIMILE | Timeline

プロジェクト管理や、スケジュールなど幅広く利用できるタイムライン

◆Reflection.js

■Reflection.js

ＷＥＢ上で画像にエフェクトを掛ける。

◆Pie & Donut Chart

■amCharts: Pie & Donut (Doughnut) chart

円グラフなどを作成するＡｊａｘ。ＦＬＡＳＨのようにシームレスに動きます。というか、FLASHです。

◆Plot

■Solutoire.com ? Plotr

円グラフほか、様々なグラフや、チャートが作成できる。

◆Ajax Instant Messenge

■ajax im - the ajax-based instant messenger

AjaxのIM（インスタントメッセンジャー）です。

◆Starbox

■Starbox - Rating stars for prototype

よくある、スター式評価です。

◆ Ajax Tabs Content

■Dynamic Drive DHTML Scripts- Ajax Tabs Content Script (v 2.2)

タブの機能をつけれます。

◆Drag and Drop Shopping

■script.aculo.us - web 2.0 javascript demos

ドラッグアンドドロップ機能のついたショッピングカート

◆ Progress Bar

■Javascript Progress / Percentage Bar with CSS by WebAppers

プログレスバーです。

◆Thick Box

■Javascript Progress / Percentage Bar with CSS by WebAppers

UIダイアログを出す機能のAjax

◆Create Flickr Like Fields

■Create flickr-like Editing Fields Using AJAX & CSS ≫ Dustin Bachrach Blog

Flickrの仲間をつくるAjax

◆jTip ? A jQuery Tool Tips

■Javascript Entry - Cody Lindley: jTip ? A jQuery Tool Tip

jQueryのToolTipsです

◆Accordian

■MooTools Demos: Accordion

Mootool（LightBoxのようなもの）を利用した、スムーズなアコーディオン風メニューです

◆ Unobtrusive AJAX Star Rating Bar

■Unobtrusive AJAX Star Rating Bar | Masuga Design - Web Design and Development Located in Grand Rapids, MI

Ajaxのスターレートです。

◆16個目以降は直リンクでご覧ください。

■PlotKit - Javascript Chart Plotting | liquidx

■amCharts: Pie & Donut (Doughnut) chart

■Prototip - Tooltips for prototype

■Ajax Instant Edit Examples

■Ajax Instant Edit Examples

■Ajax Lessons ≫ Ajax Workshop 2: Building Tabbed Content

■frequency decoder ~ Unobtrusive Table Sort Script (revisited)

■NoFunc ・ Archive ( Javascript, HTML & CSS )

■mapper.js (automatic area highlighting for image maps)

■LiveValidation - Validation as you type

■Dragable content

■Carousel Component - Documentation

■phatfusion : multibox

■JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What is it ?

■Form style web 2.0 generator - Design and make your css for free, gradient image generation included

■MooTools Autocomplete Examples

※しかしAjaxを使うと、どうしてもW3Cのバリデートなどでエラーやら警告が出てしまって、チョット気になってしまいますね。

とはいえ、客は動くサイトが大好きだ。動かないと金をかけた気がしないのかな。？んーだから、そういう客ばっかりだから、フルFLASHの糞みたいなサイトが沢山できるんだよー。まぁ客が喜べばいいか。

【関連】

■| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集

■| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個

■| ＾＾ |秒刊SUNDAY | 自動的にデザイナ－が使う色を作れるカラースキーマー集１６サイト