日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
246 記事 from this blog
Web開発者による2024年の活動振り返り。ブログ執筆、Chromiumへのコントリビュート、ポッドキャスト運営、カンファレンス開催など技術的な一年をまとめています。
2024年のサードパーティCookie廃止の現状と業界の反応、Googleの方針転換についてまとめた技術記事。
HTMLのPopoverとToastにおける自動タイムアウト機能がWCAGアクセシビリティ基準に違反する可能性について議論する技術記事。
GitHubのホバーUIを例に、DialogとPopoverを使ったTooltip/Toggletip実装のセマンティクスとARIA属性に関する最新の議論と実装方法を解説。
DialogとPopover APIを使用したメニューボタンの実装方法について解説。HTML、CSS、JSを用いた具体的なコード例を紹介。
DialogとPopover APIを使ったToast UIの実装方法を解説。HTML構造、ARIA属性、CSSアニメーションについて詳しく説明。
Dialog と Popover の仕様を使った Cookie バナーの実装方法について解説。HTML、CSS、JS の具体的なコード例を紹介。
HTMLのDialog要素とPopover APIを使った「利用規約への同意」モーダルUIの実装方法とアクセシビリティ考慮点について解説します。
ChromeのPopover APIとDialog要素のアニメーション実装について解説。display属性のアニメーション対応とCSS Transitionの活用方法。
HTMLの<dialog>要素と<popup>/<popover>要素の標準化の流れ、Toast UIの提案から<popup>への移行について解説。
HTMLの<dialog>要素のAPI詳細解説。show()/showModal()、フォーム連携、returnValueの扱いなど実用的な使い方を説明。
HTMLの<dialog>要素とpopover属性の標準化と実装について解説。従来のshowModalDialogの問題点と新しいAPIの利点を紹介。
Web Developer Conference 2024の開催後記。40分セッションと1分LT「1分de Web標準」の形式で開催されたWeb開発カンファレンスの内容と運営方法を振り返ります。
GoogleがPrivacy Sandboxの方針転換を発表。3rd Party Cookie廃止からユーザー選択制へ移行する内容とその影響を分析。
ブラウザエンジンの多様性の重要性と、新しい独立系エンジン「Ladybird」の可能性について考察する技術記事。
Web Developer Conference 2024で開催される「1分de Web標準」LT大会のフォーマット解説。1スライド1分でWeb標準技術を紹介するユニークなイベント。
Chrome 126 で実装された URL.parse の開発と Chromium へのコントリビューションについての技術記事。
2024年9月7日に開催されるWeb開発カンファレンスの告知。セッションとLTの募集を開始。
