World of granshe.
[PR]
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
Javascript関連リンク
最近Javascriptに関する勉強を始めたので、
便利な&勉強になるサイトのまとめ。
jQueryリファレンス
jQueryのプロパティリスト。自分でjQueryを書くときに。
jQueryの基礎(All about)
jQuery基礎の基礎。
Javascriptの有無でCSSを振り分けることができそう
本来は、Netscape4代でCSSを適用させない方法を説明した記事。
これを使えば、Javascript無効の環境とのCSSの振り分けを行えるため、
違和感なく表示できるのではないかという仮説
iGoogle風のインターフェースを実現
iGoogleのような、メニューを閉じたり開いたり、メニューをドラッグ&ドロップしたりできるインターフェースを実現できる。
Vista風の?インターフェース(英語)
Vista風のデザインなのかはよく分からないのだけれど、
リンク先のサイトでは右のメニュー部分がドラッグ&ドロップで動かせるようになっていて、
ページ移動する際に、移動先のメインコンテンツ部分がフェードインで表示されるようになっています。
MacのDock風インターフェース(英語)
MacのDock(MacOSの画面下にある、みよんみよん拡大縮小するメニューのこと)風のメニューをWeb上で実現。
上記のDock風メニューをCSSだけで実現
Javascriptのようななめらかさはないが、実現はしている。
デフォルトの状態の画像がかなり荒く見えるのが気になる。
jQueryでつくる様々な効果(英語)
英語サイトではあるが、チュートリアルまでついていてとても詳しく説明されている。
実現している効果の例としては、伸縮メニュー、アニメーション、アコーディオンメニュー、hoverでフェードインするふきだしなど。
jQueryでつくるスライドインメニュー
サイト上のボタンを押すと、ブラウザの左側からメニューがスライドインして表示されます。
jQueryでつくるクロスフェード
jQueryを使って、写真をスライドショーのようにフェードイン・フェードアウトで見せる方法。
6月28日追記
モーショントゥイーン風Javascriptライブラリ
Flashのモーショントゥイーン風の動きを実現できるようです。
シンプルにドラッグ&ドロップ可能なメニュー
本家サイトは英語です。
Javascriptでタブ切り替え
その他
ToggleとslideToggleの比較、jQueryとMootoolsの比較
Ajaxサイト スタイルクルーズ/イメージソース
Flashサイト Fotologue/アマナ
Copyright © 2008 A.Yu-ri all rights reserved.