HTML5に関するyuppismのブックマーク (3)

  • スクラッチ宝くじのような削ると見えてくるjQueryプラグイン「wScratchPad」を使うと面白いコンテンツが作れそうw - Chrome Life

    jQueryのプラグインを使えば、画像に様々な効果を加えたり、アニメーションさせて表示させたりいろんなことができます。 そんなプラグインは出揃った感がありますが、今回とてもユニークなプラグインを見つけたのでご紹介したいと思います。 「銀はがし」ができるプラグイン! 銀はがしといえば、皆さんご存知の宝くじなどでよくあるスクラッチカードがありますが、これと同じようなことをjQueryでできるようにしてくれるプラグイン「wScratchPad」です。 「wScratchPad」を使えば、画像をマスクした状態で表示しておき、マウスで削っていくと徐々に中の画像を見せるようなことができます。 簡単にスクラッチカードを削る間隔を味わうことができますよw デモページにアクセスすると試すことができます。 最初はマスクされて画像が何も表示されていません。 マウスで削っていくと隠れている画像が見えてきます。 用

  • can I use... Support tables for HTML5, CSS3, etc

    Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and

  • 見落としがちなHTML5で変更された要素いろいろ

    2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね! ↑私が10年以上利用している会計ソフト! HTML5の基はここからお勉強! 「ところでHTML5ってなに?」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ! Webの3つの問題を解決する「HTML5」とは何な

    見落としがちなHTML5で変更された要素いろいろ
    yuppism
    yuppism 2012/02/06
    HTML5で変更された要素が分かりやすく説明されています。
  • 1