Skip to content

ProgressiveEnhancementもしくは私達が目指すべき姿について#2

Draft
ken7253 wants to merge 6 commits intomainfrom
writing/progressive-enhancement
Draft

ProgressiveEnhancementもしくは私達が目指すべき姿について#2
ken7253 wants to merge 6 commits intomainfrom
writing/progressive-enhancement

Conversation

@ken7253
Copy link
Owner

@ken7253 ken7253 commented Dec 31, 2023

#1

@ken7253 ken7253 self-assigned this Dec 31, 2023
@ken7253 ken7253 linked an issue Dec 31, 2023 that may be closed by this pull request
Progressive Enhancementの話題になるとよく引き合いに出される最新のHTMLやCSSの仕様について、当たり前ですがこれらは古いブラウザではサポートされていないことが多いです。
特にSafari 14.xなどでは現在〇〇%のユーザーがいますがCSSの`:has()`やHTMLの`popover`/`popoverTarget`などの属性値はサポートされていません。

<!-- TODO: 後でSafari 14.xのシェアとHTML/CSSのサポート状況を調べておく -->
Copy link
Owner Author

@ken7253 ken7253 Jan 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:has()をサポートしているブラウザのサポート率

https://caniuse.com/css-has

popoverのサポート率

https://caniuse.com/mdn-api_htmlelement_popover

最初に記載したように「可能な限り多くのユーザーに不可欠なコンテンツと機能のベースラインを提供する」という観点では、確かにHTMLとCSSのみで基本的な機能を実装し発展的なUXをJavaScriptで実現するという手法は実に合理的だと思っています。

## 可能な限り多くのユーザーとは

Copy link
Owner Author

@ken7253 ken7253 Jan 18, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「新しいAPIを使わないようにしようという話ではない」とexcuse入れる

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ProgressiveEnhancementもしくは私達が目指すべき姿について

1 participant