JavaScriptで簡単に作れるモーダルウィンドウ·subModal MOONGIFT
モーダルウィンドウとはアプリケーションから呼び出したウィンドウで、それに対して何からのアクション（閉じるのボタンを押すなど）を起こさないと呼び出し元のアプリケーションに戻れないようなウィンドウだ。ダイアログもその一種と言えるだろう。 モーダルウィンドウを実装 Webブラウザではよくalertのダイアログが用いられるが、あまり格好は良くないしグラフィカルな内容は伝えられない。そこで使いたいのがsubModalだ。 今回紹介するオープンソース・ソフトウェアはsubModal、モーダルウィンドウを簡単に実装するJavaScriptライブラリだ。 subModalが対応しているのはIE6以上、Firefox 1.x以上、Safari、Opera 7以上となっている。相当昔のブラウザから対応しているようだ。JavaScriptファイルとCSSファイルを読み込むだけで良いが、既存のライブラリとバッティ
いま一番美しい、JavaScriptが効果的な新サイト
FlashからJavaScriptへ――。ソニーグループのコーポレートサイトがJavaScriptを使って全面リニューアルされるなど（関連記事）、JavaScriptの勢いが感じられた。そんな2008年の年末にまた1つ、注目のWebサイトが国内で誕生していた。「榊田倫之建築設計事務所」のコーポレートサイト（http://www.sakakida.com/）だ。 細かな黒のチェック模様の上に浮かぶ、白いレクタングル。細いサンセリフのフォントで綴られた英文の会社名に、小さなテキストで示されたメニュー。そんなシンプルな榊田倫之建築設計事務所のWebサイトは、無駄な要素を極力削ぎ落とした“最小限”のデザインが印象的なサイト。今年2月に発表された「第4回JWDA WEBデザインアワード」（主催：日本WEBデザイナーズ協会）では、奨励賞に選ばれた。 このサイトの主役は、同サイトのオーナーである建築家・
人気の「JavaScript ライブラリの紹介エントリー」 9 選 詰め合わせ | バシャログ。
JavaScript などを駆使したリッチな UI の需要も、ますます高まってきていると思います。 その証拠に、当バシャログでも、その手の記事が人気を集めています。 そこで今回は、そのようなエントリーをまとめてみます。ここ半年ほど物で、全 9 エントリーです。 それではどうぞ。 使いやすい lightbox 系スクリプト by sakai（2008/11/6） lightbox 系のスクリプトはとにかくたくさんありますが、その中でも比較的新し目で使い勝手の良いものをご紹介しています。 Fancy Box → デモ この系統のはどんどん出てきますね。 Sexy LightBox 2 残念ながら、この「sexy-lightbox-2」はこのエントリ執筆現在、サーバに繋がりませんでした。 ヴァーチャルツアーが簡単に作れる jQuery virtual tour by nakayama（2008/
iCarousel - Simple news ticker
iCarousel - Horizontal images scroller by Fabio Zendhi Nagao (http://zend.lojcomm.com.br) Example III. Horizontal images scroller HTML <h3>III. Horizontal images scroller</h3> <div id="example_3"> <ul id="example_3_content"> <li class="example_3_item"><a href="#"><img src="images/flowers/1.jpg" alt="flower 1" /></a></li> <li class="example_3_item"><a href="#"><img src="images/flowers/2.jpg" alt="f
ワイプ処理 (wipeIn)
書式 dojo.lfx.html.wipeIn(nodes, duration, easing, callback) nodes : DOMノード。配列で複数指定可能。 duration : 処理にかかるミリ秒【省略可能】 easing : 表示方法／モーション指定【省略可能】 callback : コールバック関数【省略可能】 ワイプ処理で内容を表示させていくにはwipeIn()を使います。最初のパラメータはDOMノードを指定します。単独の場合は、そのままID名等を指定します。複数の領域を同時に処理したい場合にはDOMノードの配列を指定します。例えばdojo.lfx.html.wipeIn(["header", "content"], 1000).play();とするとID名がheaderとcontentの2つのブロックが同時にワイプ処理されます。 サンプルコード [実行] <!DOCT
Aptanaで作ったDojoライブラリ利用のAjax
[ワイプアウト] wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Wipe wipe wipe. It is so fun to... Explode! Implode! 説明 AptanaのDojo Project作成機能でできたサンプルファイルです。かっこいいじゃないか。 Dojoはこの秋にVersion 1.0が出る予定で、アクセシビリティに配慮したAjaxを作成できるはず（このサンプルがアクセシブルであることが保障されているわけではないが、1)キーボードでも操作できる、2) JavaScriptをオフにしても利用できる、ようになっているはず。要確認＞私）(Ajaxアクセシビリティでは、Tab orderの指定（正、負、0）も重要。)
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クロスブラウザを制する Part 2 2-4 ワイプクリップ - ［JavaScript］All About