タグ

2013年5月11日のブックマーク (2件)

  • 画面をスクロールするとオナラの音が出るJavaScriptライブラリfartscroll.js

    fartscroll.js は、画面をスクロールさせるとオナラの音が出る、というジョークライブラリです。このページをスクロールさせてみてください。 どれぐらいスクロールさせた時に音が出るかも、パラメーターとして与えること […] fartscroll.js は、画面をスクロールさせるとオナラの音が出る、というジョークライブラリです。このページをスクロールさせてみてください。 どれぐらいスクロールさせた時に音が出るかも、パラメーターとして与えることができます。 ライブラリを作成・公開した The Onion は、日でいう bogusnews みたいな、嘘ニュースで笑いを取ることで有名なサイトです。 # 今bogusnewsのトップにあるのも屁のニュースですね。流行ってるの? その The Onion 技術チームが新たにリリースしたこのライブラリは、jQueryベースで作られていて、GitH

    画面をスクロールするとオナラの音が出るJavaScriptライブラリfartscroll.js
    thetacpa
    thetacpa 2013/05/11
    ……ひらめいた
  • HTML5+CSS3の「カンタン装飾設定」で今風デザイン

    的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5+CSS3サンプルを使って表現してみましょう。 (1)装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5+CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ!」というお叱りの声が聞こえてきそうですが(笑)、以下の2つを見比べてみましょう。上

    HTML5+CSS3の「カンタン装飾設定」で今風デザイン
    thetacpa
    thetacpa 2013/05/11