2011年12月アーカイブ

2011年12月31日

色でわかりやすく

一覧表を作ったとき、見やすくする工夫はいくつか考えられています。
1つ目に、jQueryやcss3を使って、偶数行と奇数行を色分けするストライプテーブルの方法。
また、値の大小によって背景色を変更することで、
温度分布図にすることで見やすい表にする方法もあります。
何色系にするかは、RGBの数値を指定しておくだけ。

使用サンプル → ヒートマップ

参考サイト ⇒ Design Chemical Lab

2011年12月24日

横スライドコンテンツ

通常のカルーセルパネルのプラグインは、
単純に並べたコンテンツを一つずつ
スライド切り替えを行うだけです。
しかし、このプラグインは一足飛びに切り替えるとき、
そのコンテンツが隣り合わせに並んでいるように切り替えてくれます。
複数のプロパティが用意されています。

  1. Linking
  2. Standard
  3. Product
  4. Simple

参考サイト ⇒ Slides

2011年12月17日

スクロールしても追いかけてくる!

グローバルナビゲーションがヘッダー部分にしかないデザインを行ったとき、
1ページが縦に長くなってしまうと、
他ページへの遷移がスクロール⇒メニュークリックと手間になりがちです。
メニューを縦配置にいたり、フッター部にもリンクを設置するなど工夫されていますが、
スクロールしても常に表示されていればそのような心配もなくなります。

使用サンプル → スクロールメニュー

参考サイト ⇒ ScrollingSidebar

2011年12月10日

シックにモノクロイメージで

通常WEBに使う画像はフルカラーですが、
敢えてグレースケールを使うのも表現方法の一つです。
このプラグインはモノクロイメージ用意することなく、
プラグインがモノクロ変換します。

使用サンプル → モノトーン

参考サイト ⇒ Black and white jQuery plug

2011年12月 3日

ニュースコンテンツをかっこよく

新着ニュース、トピックスなど、トップページで
印象付けたいコンテンツは沢山ある。
単純なテキストコンテンツだけで終わらせることなく、
効果的な見せ方をしましょう。

  1. サムネール付き
  2. 縦型メニュー(オートプレイ)
  3. 縦型メニュー(イージング)
  4. ページ数のメニュー
  5. 縦型メニュー(フェード)
  6. 切り替えボタン付き

参考サイト ⇒ The Lof JSiderNews Plugin

 

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

このアーカイブについて

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

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

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

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