2012年1月アーカイブ

2012年1月28日

表示させるときになってから

WEBページを表示させるためには、
ブラウザがHTMLファイルを読み込み、
上から順番に実行して行きます。
1ページ内に含まれている画像ファイルが多い場合や、
読み込むファイルが重い場合、
表示されるまでに時間が必要になります。
ならば、表示されていない画像は読み込みを行わず、
スクロールして表示される瞬間に読み込むようにするべきです。

使用サンプル → 時間差読み込み

参考サイト ⇒ Lazy Load Plugin for jQuery

2012年1月21日

複数の効果をランダムで

表現技法に対して複数のプロパティが用意されており、
アニメーションのスピードや、
プレイ時間を引数で指定することで切り替えることができます。
また、属性で指定しておけば、スライドインさせることも可能です。

  1. random
  2. boxRandom
  3. sliceUpDown
  4. fade

参考サイト ⇒ nivo-slider

2012年1月14日

オートスライドのナビゲーションメニュー

メニューボタンをクリックしてページ遷移する前に
コンテンツに応じた内容を表示させ、
あらかじめ内容がわかるようにしておくことは。
ユーザー視点から重要なことです。
JavascriptのDOMを使いこなせれば、
自分で実装できますが、プラグイン化されており、
読み込むだけで実装できるほうが相当便利です。

使用サンプル → スライドショーナビ

参考サイト ⇒ desSlideshow

2012年1月 7日

縦横にスライド可能なメニュー

シンプルなスライド式ナビゲーションメニュー。
縦スライド、横スライドどちらも可能。
各コンテンツへのリンクにするだけでなく、
別サイトへリンクさせるリンク集としての使い方もある。

使用サンプル → メニュースライダー

参考サイト ⇒ Design Chemical Lab

OpenID対応しています OpenIDについて

このアーカイブについて

このページには、2012年1月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2011年12月です。

次のアーカイブは2012年2月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。