7 min
ページを離れた際に呼ばれるブラウザイベントについて
ページを離れた際に呼ばれるブラウザイベントについて、共有したくなったので改めて少し調査した上でまとめた。
#JavaScript#HTML
8 posts
#HTML
10 min
iOS Safariの音声再生における制限とその回避策の検証
ブラウザでは音声の自動再生を防ぐ目的で、音声の再生が制限されている。この記事では、特に制限が厳しいと言われるiOS Safariについて、その制限と回避策の検証を行った内容をまとめる。
#JavaScript#HTML#Web Audio API
4 min
明示的に無効化されたインタラクティブ要素でTooltipを気軽に表示すべきでない
無効化されたbuttonやinputなどのインタラクティブ要素にツールチップを表示したいという相談を複数回受けたので、その問題点と代替手段についてまとめた。
#HTML#Accessibility
2 min
余計なDOMを追加せずにinput[type="file"]を装飾する
file-selector-buttonを利用してinput[type="file"]を装飾する方法とその是非について。
#CSS#HTML
3 min
Q. iOSでinputにフォーカスするとズームしてしまう
iOSでinputにフォーカスするとズームしてしまう問題について調査した結果をまとめた。
#HTML#Accessibility
4 min
Q. iPhoneで見るとフォーム画面が崩れる
iPhoneで見るとフォーム画面が崩れる問題について調査した結果をまとめた。
#CSS#HTML
1 min
Q. フォームでsubmit buttonを押下すると上の方になぜかスクロールされる
フォームでsubmit buttonを押下すると上の方になぜかスクロールされるという相談を受けたので、その原因と対応についてまとめた。
#HTML
2 min
Q. autoComplete/autoFillを完全に防ぎたい
autoComplete/autoFillを完全に防ぐ方法について質問を受けたので、その対処方法についてまとめた。
#HTML
News bits
10 件Chrome と Edge、install 要素の Origin Trial
PWA インストールを JavaScript なしで置ける HTML の install 要素が Chromium に入り、Chrome と Edge 148 以降でフラグ試用と 153 までの Origin Trial が始まった。
Chrome、日本語氏名のふりがなオートフィル拡張
氏名の漢字欄とふりがな欄をまとめて自動入力できるよう、Chrome がふりがな欄の推定とカタカナ／ひらがなの振り分けを拡張した。フォーム実装者は autocomplete・ラベル・name の整合に注意する必要がある。
Interop 2026発表
ブラウザベンダー各社によるWebプラットフォームの相互運用性向上プロジェクトInterop 2026の重点分野が発表。
h1 要素のデフォルトスタイル変更
ブラウザベンダーが、、、内の要素に対する UA スタイルシートのデフォルトスタイルを廃止する動きを開始した。これらの変更により、入れ子になったセクション見出しのスタイリングが変わる。
A Comparison of HTML Validator Packages
HTML 用の静的解析ツールの比較記事。
State of HTML 2024
State of HTML 2024 の結果が公開。
HTML Form Validation is heavily underused
強力だがあまり活用されていない HTML フォームの標準バリデーションについての記事。
XHTML は正式に非推奨
HTML Standard
htmz
htmz は標準の HTML を利用してページの部分更新を行う数行のスニペットです。
Safari v17
https://webkit.org/blog/14445/webkit-features-in-safari-17-0/