このページの本文へ

Web Tools&Tips 特集記事

JavaScriptライブラリで作るリッチUI(まとめ)

2008年10月23日 00時00分更新

  • この記事をはてなブックマークに追加
本文印刷
JavaScript特集

 Webサイトを使いやすく、楽しくするリッチなユーザーインターフェイス(UI)。手軽に使えるオープンソースのJavaScript/Ajaxライブラリが充実してきたおかげで、従来はFlashでしかできなかったようなUIが、HTML/CSS+JavaScriptだけで作れるようになった。

 ここに、ASCII.jpで紹介したJavaScriptライブラリの使い方、実際の採用サイトの情報をまとめてみた。ぜひ自分のWebサイトのUI制作の参考にしてみよう。

※このページは随時更新します
Last update:2008年12月18日


JavaScript/Ajaxライブラリ紹介記事

これは便利だ!Excel→Table化するjQueryプラグイン

JavaScript

Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。CSVファイルを読み込み、Tableに整形して表示するJavaScriptライブラリを紹介しよう。


デザイナーにオススメ!JavaScript滑らかメニュー

JavaScript

分かりやすいナビゲーションメニューをなるべく簡単に設置したい。そんなときに使えるJavaScriptライブラリが「Smooth Navigation Menu」だ。


YUIでも作れるようになった!Amazon風インターフェイス

JavaScript

Amazon.co.jpのレコメンド表示のようなスライド回転式パネル(カルーセルUI)を自分のサイトにも取り入れたい――。「YUI 2.6.0」でもほぼ同様のUIが作れるようになった。


さらばプルダウン! 地図で入力できるWebフォーム

JavaScript

「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。プルダウンで選択する代わりに、地図をマウスでクリックして都道府県名を入力できる。


たった6行でWebサイトのUIをガラッと変える

JavaScript

Webページをお手軽に雑誌や本のようなレイアウトに変えるJavaScriptライブラリが登場。組み込みは簡単。長文の読み物サイトなどにオススメだ。


JavaScript/Ajaxライブラリ採用サイト紹介記事

Flash不要!JavaScriptで派手なWebデザイン

JavaScript

キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。パリのWebデザイナー「Sebcreation」のサイトは、そんな常識を打ち破ることに挑戦している。


ソニーグループ、FlashやめてAjaxでリニューアル

JavaScript

最近ではFlashの代わりにAjax/JavaScriptを使ったサイトも増えている。9月9日にリニューアルされたソニーグループのコーポレートサイトもその1つだ。


初心者歓迎! チュートリアル記事

Web Professionalトップへ

Web Professionalトップページバナー

この記事の編集者は以下の記事をオススメしています

ASCII.jp会員サービス 週刊Web Professional登録

HTMLリファレンス誘導バナー

CSSリファレンスサイト誘導バナー

Webディレクター江口明日香が行く

ランキング