いろんなことの備忘録

音楽とかwebとか

新しいCSSリセット ress.css

新しいcssリセットのress.cssが公開されました

「::selection」の定義
メディア要素の定義
フォーム要素の定義
一般的な要素の定義
html, グローバルセレクタの定義

がリセットされてます(正確にはノーマライズかな...)


colissさんの記事にあるようにnormalize.cssに以下のリセットがついたような感じです

すべての要素に、「box-sizing: border-box;」を適用。
すべての要素に、「padding」と「margin」をリセット。
すべての要素に、「background-repeat: no-repeat;」を指定。
「::before」と「::after」に、「text-decoration」と「vertical-align」を継承。
すべてのブラウザにおいて、ホバー時の「outline」を削除。
コード要素に、「font-family: monospace;」を適用。
input要素に、「border-radius」をリセット。
フォーム要素に、フォントの継承を指定。
すべてのブラウザにおいて、デフォルトのボタンのスタイルを削除。
textarea要素に、垂直方向のリサイズを指定。

共感できるものがいくつか...
box-sizing: border-box;なんかは標準になればいいのに
「::before」など「::」の指定が古いブラウザでは対応ではないのでまるまる変えるのが不安であれば
normalize.cssに必要な部分だけ追記でもいいかも


coliss.com


以下はcolissさんのnormalize.cssの記事です

coliss.com