◎ CSSを学ぶ

YUI Reset CSS 開発終了

リセットCSS
destyle.css

「Yahoo! UI Library(YUI)」にて、一般配布されていた「YUI Reset CSS」の開発が終了した模様です。CDNにおいて、今まで外部リンクとして利用していたものについては継続して利用できるようですが、今後については利用しない方向性のほうがよいと思われます。IT業界では、開発やサービスが急に終了したりすることがよくありますので、注意が必要です。

リセットCSSの利用については、自社でカスタマイズしたものをオリジナルで利用していたり、別のライブラリーを利用したりと様々です。ウェブデザイナーの教科書の授業内では、「destyle.css」を利用して参ります。引き続きよろしくお願いいたします。(2020年9月現在)

destyle.cssの特徴

  • ブラウザ間の一貫性を確保。
  • スペース(marginとpadding)をリセット。
  • font-sizeとline-heightをリセット。
  • ユーザーエージェントスタイルを再設定する必要性を防ぎます。
  • 必要なものだけを対象にすることで、スタイルの肥大化を防止。

Destyle.cssは現在の制作環境に合うよう開発されたCSSリセットで、Eric MeyerのリセットとNormalize.cssの不満点を解消するようスタイルのリセットと正規化の両方が実現されています。
引用先:コリス

【注意事項】ボックスモデルは*セレクタを使ってborder-boxにリセットされています。


destyle.cssのCDNはこちら