コンテンツの最近のブログ記事
2012年2月 4日
これはフルFLASHサイト? No3
ブラウザいっぱいに画像を敷き詰めて、
印象を与えるほ法はフルフラッシュのサイトで見かけるテクニックです。
複数のプロパティが用意されており、
引数で指定するだけで効果を変えることが出来ます。
切り替え方法のプロパティ
順番のプロパティ
切り替える方向のプロパティ
参考サイト ⇒ bgstretcher-2
2012年1月28日
表示させるときになってから
WEBページを表示させるためには、
ブラウザがHTMLファイルを読み込み、
上から順番に実行して行きます。
１ページ内に含まれている画像ファイルが多い場合や、
読み込むファイルが重い場合、
表示されるまでに時間が必要になります。
ならば、表示されていない画像は読み込みを行わず、
スクロールして表示される瞬間に読み込むようにするべきです。
使用サンプル → 時間差読み込み
参考サイト ⇒ Lazy Load Plugin for jQuery
2012年1月21日
複数の効果をランダムで
表現技法に対して複数のプロパティが用意されており、
アニメーションのスピードや、
プレイ時間を引数で指定することで切り替えることができます。
また、属性で指定しておけば、スライドインさせることも可能です。
参考サイト ⇒ nivo-slider
2011年12月31日
色でわかりやすく
一覧表を作ったとき、見やすくする工夫はいくつか考えられています。
1つ目に、jQueryやcss3を使って、偶数行と奇数行を色分けするストライプテーブルの方法。
また、値の大小によって背景色を変更することで、
温度分布図にすることで見やすい表にする方法もあります。
何色系にするかは、RGBの数値を指定しておくだけ。
使用サンプル → ヒートマップ
参考サイト ⇒ Design Chemical Lab
2011年12月24日
2011年12月17日
スクロールしても追いかけてくる！
グローバルナビゲーションがヘッダー部分にしかないデザインを行ったとき、
１ページが縦に長くなってしまうと、
他ページへの遷移がスクロール⇒メニュークリックと手間になりがちです。
メニューを縦配置にいたり、フッター部にもリンクを設置するなど工夫されていますが、
スクロールしても常に表示されていればそのような心配もなくなります。
使用サンプル → スクロールメニュー
参考サイト ⇒ ScrollingSidebar
2011年12月10日
シックにモノクロイメージで
通常WEBに使う画像はフルカラーですが、
敢えてグレースケールを使うのも表現方法の一つです。
このプラグインはモノクロイメージ用意することなく、
プラグインがモノクロ変換します。
使用サンプル → モノトーン
参考サイト ⇒ Black and white jQuery plug
2011年12月 3日
ニュースコンテンツをかっこよく
新着ニュース、トピックスなど、トップページで
印象付けたいコンテンツは沢山ある。
単純なテキストコンテンツだけで終わらせることなく、
効果的な見せ方をしましょう。
参考サイト ⇒ The Lof JSiderNews Plugin
2011年11月12日
2011年10月 9日
流れて切り替わるフォトギャラリー
nextやprevボタンを設置して、順次画像を切り替える手法は多数ありますが、
これはサムネールをクリックすると、
流れるように画像が伸縮しながら切り替わるギャラリーです。
それぞれのキャプションは、タイトル属性を設定するだけ。
使用サンプル → フローギャラリー
参考サイト ⇒ FlowGallery
