2025年05月22日(木)
アクセシビリティを重視した新時代のリセットCSS、ベースとなるより良いスタイルシートを求める人に最適 -UA+
/**
* uaplus.css version 0.0.1
*/
/**
* 異なるボックスモデル
* ボックスモデルは従来のものを使用します。このモデルは要素のpaddingとborderは指定されて幅と高さの内側に描画され、外側には描画されません。
* そのためinline-sizeやblock-sizeのようなプロパティで相対単位と絶対単位を組み合わせることが簡単になります。
*/
*,
*::after,
*::before {
box-sizing: border-box;
}
/**
* フォーカススタイルを改善する
* コンテンツとフォーカス時のアウトラインの間にスペースを追加します。
*/
:focus-visible {
outline-offset: 3px;
}
/**
* テキストのサイズ調整を無効にする
* スマホに最適化されていないWebサイトでの読みやすさを改善するために、モバイルSafariなどのブラウザはWebサイトを縦から横に切り替えたときにデフォル...
0
32
13
11author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『アクセシビリティを重視した新時代のリセットCSS、ベースとなるより良いスタイルシートを求める人に最適 -UA+』についてまとめています。
この記事は特にSVG・フォント・Mac・動画・safari・LINE・iOSについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
