タグ

2012年1月29日のブックマーク (4件)

  • 俺の CSS リセット: 2011 冬

    年末だからというわけでもないのですが、いつものサイト作りに使う CSS リセットについて見直してみました。今までもちょっとずつ手を入れてはいたのですが、今回はかなり大きく修正しています。というのも、Nicolas Gallagher と Jonathan Neal の両氏による normalize.css を知り、大きく影響を受けたからです。 Normalize.css は「新手の CSS リセット」ではありません。CSS を「リセット」するのではなく「ノーマライズ」する、という新しい考え方です。CSS リセットとノーマライズはどちらも、ブラウザ間で CSS の実装に差異があることを前提にそれらを吸収しようとする、という同じ目的を持っています。ただ、リセットはすべてをまっさらな「さら地」にしようとするのに対し、ノーマライズは使える部分は残しつつ手を入れる必要のある部分だけを整える、という違

    俺の CSS リセット: 2011 冬
    s5-style
    s5-style 2012/01/29
    ノーマライズの考え方を取り入れつつも影響の大きそうな部分はリセットしておくという、新しいCSSリセット
  • 絶対に覚えておきたいHTML5の『audio要素』超基本を知る!! | HTML5でサイトをつくろう

    HTML】 <audio controls> <source src="audio/sample.mp3" type="audio/mp3"> <source src="audio/sample.ogg" type="audio/ogg"> <source src="audio/sample.wav" type="audio/wav"> <p>※ご利用のブラウザでは再生することができません。</p> </audio> source要素もHTML5からの新要素になります。使い方は上記のようにaudio要素の中に記述しsrc属性に再生するファイルを指定しすることでブラウザは上から順に再生可能かをチェックしていきます。尚、要素に対応していないブラウザでは全て無視され、その後ろに記述された要素が表示されるようになります。 ブラウザの表示確認 今回はFirefoxもちゃんとプレイヤーが表示されまし

    絶対に覚えておきたいHTML5の『audio要素』超基本を知る!! | HTML5でサイトをつくろう
    s5-style
    s5-style 2012/01/29
    HTML5 audio要素の基本
  • 『video要素』超基本を知る!! | HTML5でサイトをつくろう

    video要素について 今回はHTML5新要素の中でも注目度が高い「video要素」の基的な記述方法をご紹介します。 video要素はFlashなどのプラグインを使用することなく動画をウェブ・ページに表示することができます。ですが、IEが8まで対応していないことなどから動画コンテンツはまだまだFlashを使ったものが多いように感じます。今後ブラウザの対応が進めば、video要素を使った面白い動画コンテンツがドンドン出てくると思いますので、その時にコンテンツ制作に関わったりアイデアを出せるように今から少しずつ学んでいこうと思います。 video要素の再生とブラウザ表示 video要素をただ再生するにはsrc属性に再生する動画ファイルを指定するだけです。試しにsrc属性にMP4形式のファイルを指定しブラウザでの表示確認をしてみます。また、controls属性を指定することで再生・停止ボタンな

    『video要素』超基本を知る!! | HTML5でサイトをつくろう
    s5-style
    s5-style 2012/01/29
    HTML video要素の基本
  • infogra.me | インフォグラフィックスコミュニケーションサービス

    制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。

    infogra.me | インフォグラフィックスコミュニケーションサービス
    s5-style
    s5-style 2012/01/29
    インフォグラフィックをもっと楽しむための、国内インフォグラフィックス総合サイト「infogra.me」