Hatena Blog Tags
はてなブログ トップ
visibility
このタグでブログを書く

visibility

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
青いやつの進捗日記。•4年前

Visibility:hidden; と display:none; の、アクセシビリティ的な違い

よく要素をopacityで消したりすると思うのですが、opacityで消すと要素は残るのでタブで移動とかするとカーソルがあたってしまうのです。なので、アクセシビリティ気にする必要あるのであればopacityでは厳しい。 なので、その場合はカーソル当たらない状態にする必要があります。 が、display:none;だと要素そのものを消してしまうので、例えばその中身でJSで計算とかをなにかしたくても消してると計算がうまく走らなかったりします。 そこで、visibility:hidden;を使います。 gist.github.com visibility:hidden;ならフォーカスが当たらないで要…

#アクセシビリティ#visibility#CSS

ネットで話題

もっと見る
794ブックマーク表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説techblog.yahoo.co.jp
318ブックマークCSSの新しいプロパティ「content-visibility」レンダリングのパフォーマンスが向上するcoliss.com
144ブックマークデヴィッド・ボウイの推薦図書100選、邦訳一覧 - 福田和代 - Visibility Zero -fukuda-kazuyo.hatenablog.com
57ブックマーク長年触れられてなかった ABEMA の番組表を content-visibility でパフォーマンス改善した話 | CyberAgent Developers Blogdevelopers.cyberagent.co.jp
52ブックマークNetwork Visibility and Network Test Productswww.keysight.com
43ブックマークPage Visibility APIで現在のWEBページが開いているかどうか - なんちゃってウェブ系エンジニアの備忘録owen11.hateblo.jp
41ブックマークcontent-visibility: the new CSS property that boosts your rendering performance  |  Articles  |  web.devIn our article demo, applying content-visibility: auto to chunked content areas gives a 7x rendering performance boost on initial load. Read on to learn more. CSS Containment The key and overarching goal of CSS containment is to enable rendering performance improvements of web content by providin...web.dev
41ブックマーク「display:none」と「visibility: hidden」と「text-indent」はスパム？ | 無料SEO対策のススメwww.seo-blogs.biz
39ブックマークGitHub - kubeshark/kubeshark: The API traffic analyzer for Kubernetes providing real-time K8s protocol-level visibility, capturing and monitoring all traffic and payloads going in, out and across containers, pods, nodes and clusters. Inspired by Wiresharkgithub.com

関連ブログ