12月 172010
 

先日書いたように,IFAC MMM 2012(IFAC Workshop on Automation in the Mining, Mineral and Metal Industries)という国際会議のウェブサイトを担当することになった.やる気のあるうちに徹底的にやっておかないとダメだと思い,ここ数日,寝る間も惜しんでウェブサイトを構築した.

その成果が,これだ.

jQueryで装飾したIFAC MMM 2012ウェブサイト
jQueryで装飾したIFAC MMM 2012ウェブサイト

はじめて,jQueryを含むJavaScriptを使ったが,CSSを知っていれば,jQueryはわかりやすい.しかも,jQuery Pluginなら,やりたいことがアッという間にできる.なんとも便利な道具だ.素晴らしい.

作成者の方々に感謝しつつ,使用したjQuery Pluginをまとめておく.

jQuery lightBox plugin

モーダルウィンドウを実現できる,超有名なJavaScriptライブラリーであるlightBoxのjQueryプラグインがこれ.会議開催地である岐阜の写真(岐阜市から提供)を並べたフォトギャラリーで使用した.

Interface elements for jQuery

アコーディオン,モーダルウィンドウ,カルーセルなど,実に多くの機能を搭載したjQueryプラグインがこれ.IFAC MMM 2012のウェブサイトでは,フィッシュアイUIメニュー(fisheye)を使用した.上記の画像でもわかるように,Mac OS XのDock風なユーザインタフェースがつくれる.

jQuery Corner plugin

ブロック要素(divなど)の角を丸めるなど,様々に装飾できるjQueryプラグインがこれ.CSSでボックスの角を丸める場合,専用の画像を用意するのが普通だが,このプラグインを使えば,そんな面倒なことはしなくてよい.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>