タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

cssとIE対策に関するricopinxのブックマーク (2)

  • HTML5 Boilerplateのhtmlスニペットを紐解く

    HTML4.01, XHTML1.0で「いつもの感じ」のソースコードにすっかり落ち着き、特に迷うこともなかった私は、Boilerplateのスニペットをみた時、結構衝撃を受けました(;´Д`)。 今回は、Boilerplateのコアであるhtmlの内容・スニペットをひとつずつ見ていき、それらが前回テーマにした「5つの要件」にどのように作用するかを紐解いていきます。「新しい技術に取り組みたい、けど何から始めればいいか分からない!」そんな方のヒントになると幸いです。 それでは早速、謎解きスタートです! ソース全体 まずは全体から、次のような特徴が見て取れます。 文頭に、見慣れないコンディショナルコメントがある。 <meta>に「X-UA-Compatible」というのがある。 <meta>に「keyword」がない。 <meta>に「viewport」がある。 読み込まれているスタイルシートは

    HTML5 Boilerplateのhtmlスニペットを紐解く
    ricopinx
    ricopinx 2016/06/10
    <html class="no-js ie6 oldie" lang="ja">ってやつ
  • IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが?

    概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは当にいいものだ!」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス!という話でしたが、今回はhtmlタグの書き方がナイス!という話。いや、当にさすがとしか言いようがない。 HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは当にいいものだ!」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス!という話でしたが、今回はhtmlタグの書き方がナイス!という話。 いや、当にさすがとしか言いようがない。 Internet Explorerの複数バージョンの対応は面倒 や

    IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが?
  • 1