MacStyleDock.jsは、Mac OS X風のドックをPrototypeやjQueryなどのライブラリを必要とせず実装できる、わずか3KBのスクリプトです。 A Mac OS X-style Dock In JavaScript デモページ 主な対応ブラウザは、IE6, 7, Fx2, Op 9(Win), Safari2(Mac), Safari3(Win)となっています。 ドック部分の各アイコンはスクリプトで実装されているため、スクリプトオフ時には全て非表示になってしまいます。
今回はMacのウィンドウをあなたのサイトに導入してみよう。 prototype.jsを使ったウィンドウを作るためのJavaScript。 まず必要なファイルや導入方法は以下に書いてある。 http://prototype-window.xilinus.com/ ところが、英語が苦手な人なら間違いなく導入を敬遠してしまうのではないかと思うほど、ダウンロードしたファイルがわかりにくい。 ダウンロードしてみると色々なサンプル、デモがありますが、今回はそこからさらにわかりやすいように分解してみようかと思います。 サンプルを見る 著者で発行されているAjaxファイルの中にあるサンプルで、わかりやすいものをまず使ってみましょう。ためしに私のサーバーでアップしてみました。 サンプルデモ 個人的に、ウィンドウの位置をクッキーで覚えさせているところがすごいポイント高いと思っています。 背景黒のボタンがOSX
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く