タグ

*designとjavascriptに関するnoriakyのブックマーク (5)

  • [JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam

    Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottam Social jQuery Plugin [ad#ad-2] Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます。 7種類のテーマがあり、CSSベースでカスタマイズも可。 カウントの表示はスタティック・アニメーションに対応。 カラーは簡単に変更できます。 より大きいカウント用に省略表記も対応。 MITライセンスのため、あらゆるブログ・サイトに使用しても無料! Koottamのデモ

  • ページ内リンクを使用する際の注意点 (ユーザビリティ実践メモ)

    しかし、ユーザはリンクをクリックする際、そのリンクが「別ページへの移動」なのか「同一ページ内でのリンク」なのかは事前に把握していません。弊社のユーザ行動観察調査では、ページ内リンクをクリックしたユーザが、クリックした先のコンテンツをスクロールしながら閲覧する途中で、自分がクリックの前と同じページにいる(ページ内リンクだった)ことを知って混乱する行動が多く見られます。 これは、自分がページ内の移動をしていることや、現在自分がいる位置について充分なフィードバックを得ないままユーザが行動することで起こる混乱と考えられます。 ページ内リンクの利点を活かしつつ、ユーザに「現在自分がどういう状態にいるのか」を伝え、混乱を最小限に抑える方法としては以下のようなものがあります。 【クリック前】 リンクのすぐそばに、上下の動きを示すアイコンを置くことによって、そのリンクが同一ページ内での移動であることを伝え

    noriaky
    noriaky 2010/05/02
    javascript利用によるページ内スクロール処理
  • http://youmos.com/news/extjs

  • 複数の画像リンクからランダムに1つを表示 - [ホームページ作成]All About

    お勧めページをランダムに選んで1つ紹介する…とか たくさんある「お勧め」の中からランダムに1つを選び出して、ページが表示されるたびに異なる「お勧め」を表示してみてはいかがでしょうか。 お勧めのコーナーをランダムに1つ紹介したり、お勧めの写真をランダムに1つ紹介したりするとおもしろそうです。 リンク先は自分のサイト内に限らないので、お友達サイトの中から1つを選んで紹介する用途にも使えます。 以下は、ランダムに1つを選んで画像を紹介する例です。 上記の枠内には、花のイラストが1つだけ表示されていると思います。このページを再読み込みしてみて下さい。 読み込むたびに異なる画像が表示されます。また、画像と一緒にリンク先も変化しています。 ※ランダムに選ばれた結果、たまたま前回と同じ画像が出ることもあります。(ここでは4種類しか用意していないので可能性は高いです。) ランダム画像リンクを作る 上記

  • 画像を角丸にしたり影を付けたりできる「Corner.js」

    画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。

    画像を角丸にしたり影を付けたりできる「Corner.js」
  • 1