CSSハックもIEの独自拡張条件式も使わないIE(6/7/8)のCSS上書きテクニック
CSSハックもIEの独自拡張条件式も使わないセレクタを活用したIE(6/7/8)のCSS上書きテクニック。
Web制作業務上のメモや、勉強になったこと、リファレンスとしてはまとまらないような横断的な内容を掲載しています。
CSSハックもIEの独自拡張条件式も使わないセレクタを活用したIE(6/7/8)のCSS上書きテクニック。
フロントエンドの視点からウェブサイトを高速化するためのCSSの高速化・JavaScriptの高速化・転送量削減による高速化の三部構成です。なお、転送量削減の章においては、少々サーバサイドの知識も必要です。
HTML5についてのおさらい続編です。前回の内容を受けて読者の方から質問があったことに対する回答のまとめであったり、前回紹介しきれなかったセクション関連の新要素である見出しをグループ化するhgroup要素による効果、およびheader, footer要素を用いたセクションといった前回から一歩踏み込んだ内容をまとめました。
latest logさんでエントリーされていたコードを削る方法がすごく勉強になったので、早速練習がてらにIE8以下でHTML5の新要素をCSSセレクタで使う際に事前にdocument.createElement()で書き出しておく必要があるコードをMinify化してみました。
これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。
jQueryのprepend(), append(), appendTo(), before(), after(), html(), wrap(), wrapInner(), wrapAll()など、指定のセレクタに対してオブジェクトを操作できるメソッドを用いてHTML5の新要素を操作する際は、現行MicrosoftからリリースされているIE8までのバージョンでは、HTML5の新要素が認識できないので注意が必要です。
解決方法としては、document.createElement()とネイティブのJavaScriptのDOM操作を別途うまく組み合わせる必要があるので、その方法を紹介します。