タグ

2011年4月12日のブックマーク (4件)

  • arbor.js

    about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whate

  • インスピレーションがわいてくる、良くできたロゴデザイン48種類

    組織や企業、ブランドにグループなどで非常に重要な役割を持つ「ロゴ」。内容を表しながら見栄えも良いものが優れたロゴと言えそうですが、その条件を満たした48種類のロゴを集めてみました。どれも新鮮なアイデアに飛んだデザインばかりで、これから何かをデザインする時などに参考になるかもしれません。 良くできたロゴは以下から。01:Little LEO 02:Fashionable Alligator 03:DODO Pizza 04:Picshooter 05:De La Comforta 06:La Chatica 07:Buck Tales 08:Flight House 09:The Empire of Good 10:Macho Grill 11:Tackle 12:Owlove 13:Hidalgo Stout 14:DODO Pizza 15:Red Fish 16:Sdelano 17:

    インスピレーションがわいてくる、良くできたロゴデザイン48種類
  • 画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」:phpspot開発日誌

    画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ!なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル+ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ

  • [CSS]画像のキャプションを省スペースにさりげなく表示させるスタイルシート

    画像にマウスをホバーさせると、キャプションがアニメーションでスライド表示される省スペース用エフェクトを実装するスタイルシートのチュートリアルを紹介します。 Slide In Image Captions [ad#ad-2] キャプションをスライド表示させる画像のデモ デモでは、画像ごとに異なる方向から異なる位置にキャプションがスライド表示されます。 デモページ スライドは、CSS3 transitionに対応したブラウザ(Chrome, Safari, Opera)ではアニメーションで表示し、非対応ブラウザ(Firefox3)ではアニメーション無しで表示されます。 [ad#ad-2] 以下は元記事の各ポイントを意訳したものです。 なぜ、このようなエフェクトをするのでしょう? それはレイアウトのスペースを節約するためです。そして、キャプションの存在は画像からユーザーの気を散らしてしまうことも