2012年1月アーカイブ
2012年1月28日
表示させるときになってから
WEBページを表示させるためには、
ブラウザがHTMLファイルを読み込み、
上から順番に実行して行きます。
１ページ内に含まれている画像ファイルが多い場合や、
読み込むファイルが重い場合、
表示されるまでに時間が必要になります。
ならば、表示されていない画像は読み込みを行わず、
スクロールして表示される瞬間に読み込むようにするべきです。
使用サンプル → 時間差読み込み
参考サイト ⇒ Lazy Load Plugin for jQuery
2012年1月21日
複数の効果をランダムで
表現技法に対して複数のプロパティが用意されており、
アニメーションのスピードや、
プレイ時間を引数で指定することで切り替えることができます。
また、属性で指定しておけば、スライドインさせることも可能です。
参考サイト ⇒ nivo-slider
2012年1月14日
オートスライドのナビゲーションメニュー
メニューボタンをクリックしてページ遷移する前に
コンテンツに応じた内容を表示させ、
あらかじめ内容がわかるようにしておくことは。
ユーザー視点から重要なことです。
JavascriptのDOMを使いこなせれば、
自分で実装できますが、プラグイン化されており、
読み込むだけで実装できるほうが相当便利です。
使用サンプル → スライドショーナビ
参考サイト ⇒ desSlideshow
2012年1月 7日
縦横にスライド可能なメニュー
シンプルなスライド式ナビゲーションメニュー。
縦スライド、横スライドどちらも可能。
各コンテンツへのリンクにするだけでなく、
別サイトへリンクさせるリンク集としての使い方もある。
使用サンプル → メニュースライダー
参考サイト ⇒ Design Chemical Lab
