2012年5月22日のブックマーク (3件)

  • 要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」

    twitter facebook hatena google pocket 画像などの要素をただ並べていくだけだとなんだか寂しい。 そんな時は徐々にフェードインさせてみてはいかがでしょうか? champagne.jsはランダムに要素をフェードインさせてくれます。 sponsors 使用方法 champagne.jsからファイル一式をダウンロード。 下記のように要素が記述されているとします。 <ul class="class名"> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> <li><amp-img src="画像パス"></li> </ul> これに対しCSSを適用。 .class名 div.hidden { display: none; } 最後にJav

    要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」
    elio01986
    elio01986 2012/05/22
    要素をランダムにフェードインさせていくjQueryプラグイン「champagne.js」|http://t.co/gDZ1aK6m
  • マウスオーバーした画像にレイアウトを崩さずにborderを表示するCSSの書き方

    こんにちは。井畑です。 最近、仕事でマウスオーバーする時に画像に枠線をつける指示があったのですが、意外と上手くいかず、つまずいたことがあったので、備忘録としてメモを残しておきます。 マウスオーバーのアクションのひとつとして覚えておいても損はないはずです。それではどうぞ! どうしてレイアウトが崩れてしまうのか? どうして上手くいかなかったかというと、画像のhover時にborderを加える記述を書くのですが、そのborder分、全体の幅が広がってしまい、レイアウトが崩れてしまいました。 悪いDEMO 百聞は一見にしかず。うまくいってないデモをご紹介します。ひよこさんにマウスをあわせてみてください。 …悲しいことになってますねXD

    マウスオーバーした画像にレイアウトを崩さずにborderを表示するCSSの書き方
    elio01986
    elio01986 2012/05/22
    マウスオーバーした画像にレイアウトを崩さずにborderを表示するCSSの書き方 | クリエイティブメモメモ
  • ギークハウス新丸子に行ってきました - FREEexなう。

    お久しぶりです。マクガイヤーのリュウタロウです。 現在、岡田と一緒に『いいひと戦略』や『国民スナフキン化計画』という書籍を準備しています。 それらの取材……というと大袈裟なのですが、FREEexにもギークハウスに住んでいるメンバーがおり、その縁で先日ギークハウス新丸子にお邪魔してきました。自分は、ギークハウスでの生活が実際にどういったものかとか、ニートの入居者がどうやって入居費を稼いでいるかといったことに興味があったのですが、ギークハウス新丸子の管理人である小出さんによる、ギークハウス運営者の視点からの話が面白かったです。FREEex内部のSNSにてレポートを書いたのですが、こういう面白い話は内部に留めずブログでも公開するべきと促され、こちらにも転載することになりました。 小出さんは某電気メーカーの研究員です。皆さんご存知の通り、ここ数年、電気メーカーはどこも業績不振が続いています。小出さ

    elio01986
    elio01986 2012/05/22
    ギークハウス新丸子に行ってきました - 岡田斗司夫公式ブログ