誇りを被った仕様の針に意図を通す
CSSの`:has()`疑似クラスとjQueryの互換性問題について解説。Forgiving Selector Listの仕様変更とその影響を考察。
日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
256 記事 from this blog
CSSの`:has()`疑似クラスとjQueryの互換性問題について解説。Forgiving Selector Listの仕様変更とその影響を考察。
次世代CSS仕様(@scope、@layerなど)がコンポーネントベースのWeb開発に与える影響と可能性について考察します。
XMLHttpRequest (XHR) の歴史と進化を解説。Microsoft による独自実装から始まり、Ajax を可能にした技術が Fetch API に取って代わられるまでの道筋をたどる。
JavaScriptのMIMEタイプに関するRFC 9239が公開され、推奨タイプがtext/javascriptに統一された経緯と歴史的背景を解説。
Navigation API の仕様と実装を解説。History API の課題を解決し、SPA/MPA の UX 改善を目指す技術について。
Markdownのテーブル記法をCSSのみで再現する方法を解説。疑似要素と代替テキストを使用した実装手法を紹介。
HTTP3対応サイトの設定方法とDNS HTTPS RR、Alt-Svcヘッダによるアドバタイズについての技術解説
2021年の技術ブログ執筆、自作Markdownプロセッサ開発、mozaic.fmポッドキャスト、オンラインイベント開催など、技術的な活動を振り返る。
Webセマンティクスの実装アプローチ「Push型」と「Pull型」について解説。HTMLのtitleタグや画像出し分けを例に、実装の考え方を考察します。
自作Markdownプロセッサを使ったブログサイトv2のリリースと、要件定義や実装詳細について解説しています。
iOS 15のPrivate RelayとIP Blindness技術が、IPアドレスを隠すことでブラウザフィンガープリンティングを防止する仕組みについて解説します。
Chrome DevToolsでmouseover中に表示されるDOM要素をデバッグする方法を紹介。Chrome 123の新機能や従来のテクニックを解説。
Chrome M92以降、Cross Origin iframeからのalert/confirm/prompt呼び出しが無効化されるセキュリティ変更について解説。影響と背景を説明。
筆者がAMPの提供を停止した理由と、AMPの歴史、動機、普及の背景、そしてWebパフォーマンスの非機能要件についての考察を振り返ります。