corpus.blog
41554 blogs · [ { "id": "01a0da60-1f1b-7293-9816-5a3eacf5a5d6", "title": "My favorite Interop 2027 proposals", "url": "https://patrickbrosset.com/lab/interop-2027", "published_at": "2026-09-24T00:00:00+00:00" }, { "id": "01a0cb22-ec4e-72fa-863b-92dff1d27707", "title": "Blurry before beautiful: image previews for the web", "url": "https://patrickbrosset.com/articles/2026-09-22-blurry-before-beautiful-image-previews-for-the-web/", "published_at": "2026-09-22T00:00:00+00:00" }, { "id": "01a0cb22-ec4e-72fa-863b-92dff1fc4e35", "title": "New in Edge for developers – Create better components and make your site agent-ready", "url": "https://patrickbrosset.com/articles/2026-09-21-new-in-edge-for-developers-create-better-components-and-make-your-site-agent-ready/", "published_at": "2026-09-21T00:00:00+00:00" }, { "id": "01a0bdcc-133e-7076-a1b6-650ae2f3966e", "title": "WebMCP: Stop scraping the web, start calling it (dotAI, Paris)", "url": "https://patrickbrosset.com/slides/2026-09-17-WebMCP-DotAI.pdf", "published_at": "2026-09-17T00:00:00+00:00" }, { "id": "01a0bdcc-133e-7076-a1b6-650ae2fb9fd8", "title": "I'm worried about the web", "url": "https://patrickbrosset.com/articles/2026-09-15-im-worried-about-the-web/", "published_at": "2026-09-15T00:00:00+00:00" }, { "id": "01a09532-c200-7389-84d3-fa55693dedcd", "title": "What's missing from the web to support transparent browser restarts?", "url": "https://patrickbrosset.com/articles/2026-09-11-whats-missing-from-the-web-to-support-transparent-browser-restarts/", "published_at": "2026-09-11T00:00:00+00:00" }, { "id": "01a0b68b-4ce3-720e-aca7-e9b1d9b58993", "title": "Patrick Brosset", "url": "https://patrickbrosset.com", "published_at": "2026-09-07T05:20:44+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0ccd5ddd7", "title": "Calling for Interop 2027 proposals", "url": "https://patrickbrosset.com/articles/2026-09-03-calling-for-interop-2027-proposals/", "published_at": "2026-09-03T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0ccfe1476", "title": "State of CSS 2026", "url": "https://patrickbrosset.com/articles/2026-08-07-state-of-css-2026/", "published_at": "2026-08-07T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cd697951", "title": "Draw fixed-size gap decorations by using container query units", "url": "https://patrickbrosset.com/lab/container-query-gap-decoration", "published_at": "2026-08-04T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cd7e7ca1", "title": "New in Edge for developers – Style layout gaps, improve keyboard accessibility and migrate your PWA to a new origin", "url": "https://patrickbrosset.com/articles/2026-07-07-new-in-edge-for-developers-style-layout-gaps-improve-keyboard-accessibility-and-migrate-your-pwa-to-a-new-origin/", "published_at": "2026-07-07T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cdf7992a", "title": "What's missing from SVG", "url": "https://patrickbrosset.com/articles/2026-06-22-whats-missing-from-svg/", "published_at": "2026-06-22T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cec287dd", "title": "Browser engine-specific WPT failures", "url": "https://patrickbrosset.com/lab/esf", "published_at": "2026-06-22T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cee58b4c", "title": "Alignment in CSS Grid Lanes", "url": "https://patrickbrosset.com/articles/2026-06-19-alignment-in-css-grid-lanes/", "published_at": "2026-06-19T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0cf7b15d4", "title": "Fun with CSS Grid Lanes (CSS Day, Amsterdam)", "url": "https://patrickbrosset.com/slides/CSSDay-2026/", "published_at": "2026-06-12T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d00e5634", "title": "What's missing in CSS layout", "url": "https://patrickbrosset.com/articles/2026-05-20-whats-missing-in-css-layout/", "published_at": "2026-05-20T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d0b6132e", "title": "Install web apps with the new HTML install element", "url": "https://patrickbrosset.com/articles/2026-05-13-install-web-apps-with-the-new-html-install-element/", "published_at": "2026-05-13T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d18fe50b", "title": "wf - The web-features CLI", "url": "https://www.npmjs.com/package/web-features-cli", "published_at": "2026-05-13T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d251788b", "title": "The CSS shape() function", "url": "https://patrickbrosset.com/lab/shapes", "published_at": "2026-04-30T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d2e86c56", "title": "History of the Web (BlinkOn 21)", "url": "https://www.youtube.com/watch?v=Y2BfC7hxazI", "published_at": "2026-04-21T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d3a4f196", "title": "Monitor and improve your web app’s load performance", "url": "https://patrickbrosset.com/articles/2026-03-17-monitor-and-improve-your-web-apps-load-performance/", "published_at": "2026-03-17T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d4986696", "title": "Abusing customizable selects", "url": "https://patrickbrosset.com/articles/2026-03-11-abusing-customizable-selects/", "published_at": "2026-03-11T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d547f10c", "title": "Using CSS animations as state machines to remember focus and hover states with CSS only", "url": "https://patrickbrosset.com/articles/2026-03-09-using-css-animations-as-state-machines-to-remember-focus-and-hover-states-with-css-only/", "published_at": "2026-03-09T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d5f39594", "title": "Make custom elements behave with scoped registries", "url": "https://patrickbrosset.com/articles/2026-03-09-make-custom-elements-behave-with-scoped-registries/", "published_at": "2026-03-09T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d6f135b8", "title": "Making keyboard navigation effortless", "url": "https://patrickbrosset.com/articles/2026-03-05-making-keyboard-navigation-effortless/", "published_at": "2026-03-05T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d7320b88", "title": "Abusing CSS gap decoration for art", "url": "https://patrickbrosset.com/lab/gap-decoration-art", "published_at": "2026-02-25T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d768065b", "title": "Embrace the chaos — The shape and flow of masonry layouts", "url": "https://patrickbrosset.com/articles/2026-02-23-embrace-the-chaos-the-shape-and-flow-of-masonry-layouts/", "published_at": "2026-02-23T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d813e585", "title": "WebMCP updates, clarifications, and next steps", "url": "https://patrickbrosset.com/articles/2026-02-23-webmcp-updates-clarifications-and-next-steps/", "published_at": "2026-02-23T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d8381777", "title": "Microsoft Edge and Interop 2026", "url": "https://patrickbrosset.com/articles/2026-02-12-microsoft-edge-and-interop-2026/", "published_at": "2026-02-12T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d8bdbbac", "title": "Improving the experience of developing for the web, one feature at a time (FOSDEM 2026, Brussels)", "url": "https://patrickbrosset.com/slides/2026-01-FOSDEM.pdf", "published_at": "2026-01-31T00:00:00+00:00" }, { "id": "01a087bd-6d6e-73ba-a558-c6a0d950ff69", "title": "Springy file and folder selector with custom <select>", "url": "https://patrickbrosset.com/lab/custom-select/folders", "published_at": "2026-01-28T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d53eadbd", "title": "Bouncy emoji picker with custom <select>", "url": "https://patrickbrosset.com/lab/custom-select/emojis", "published_at": "2026-01-28T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d604e0cc", "title": "Cityscape", "url": "https://patrickbrosset.com/lab/cityscape", "published_at": "2026-01-08T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d69ca851", "title": "Fun with the web", "url": "https://patrickbrosset.com/articles/2026-01-06-fun-with-the-web/", "published_at": "2026-01-06T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d789e7b5", "title": "My 2025 in numbers", "url": "https://patrickbrosset.com/articles/2025-12-31-my-2025-in-numbers/", "published_at": "2025-12-31T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d7c436f9", "title": "The Million Dollar Grid", "url": "https://patrickbrosset.com/lab/million-dollar-grid", "published_at": "2025-12-30T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d8b27a56", "title": "Making complex web apps faster", "url": "https://patrickbrosset.com/articles/2025-12-09-making-complex-web-apps-faster/", "published_at": "2025-12-09T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d8d384a4", "title": "What's wrong with this HTML, and is it valid?", "url": "https://patrickbrosset.com/articles/2025-12-08-whats-wrong-with-this-html-and-is-it-valid/", "published_at": "2025-12-08T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d980a466", "title": "Implementing an accordion component in 2026 🪗", "url": "https://patrickbrosset.com/lab/accordion", "published_at": "2025-12-04T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d9c724d3", "title": "Masonry: Things You Won’t Need A Library For Anymore", "url": "https://patrickbrosset.com/articles/2025-12-02-masonry-things-you-wont-need-a-library-for-anymore/", "published_at": "2025-12-02T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37d9fddcd6", "title": "Web features finder", "url": "https://patrickbrosset.com/lab/web-features-finder", "published_at": "2025-12-01T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dae8b3e0", "title": "Crop'n'Zoom image editor", "url": "https://patrickbrosset.com/lab/crop-n-zoom", "published_at": "2025-11-27T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dba4662c", "title": "Keyboard focusable scroller test", "url": "https://patrickbrosset.com/lab/keyboard-focusable-scroller", "published_at": "2025-11-18T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dc230714", "title": "Perfecting Baseline", "url": "https://patrickbrosset.com/articles/2025-11-13-perfecting-baseline/", "published_at": "2025-11-13T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dc778092", "title": "Quirks mode vs Standards mode", "url": "https://patrickbrosset.com/lab/quirksmode", "published_at": "2025-10-31T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dd301560", "title": "Styles in HTML", "url": "https://patrickbrosset.com/lab/html-styles", "published_at": "2025-10-10T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37ddf6b972", "title": "Masonry - The pretty grid you didn't see coming (Smashing Conference, NYC)", "url": "https://patrickbrosset.com/slides/2025-10-CSS-Masonry.pdf", "published_at": "2025-10-07T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37de531282", "title": "Paint performance API test page", "url": "https://patrickbrosset.com/lab/paint-performance", "published_at": "2025-09-30T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37de7988ed", "title": "CSS Masonry resources", "url": "https://patrickbrosset.com/lab/css-masonry-resources", "published_at": "2025-09-29T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37df2eff88", "title": "Friday abstract CSS animation", "url": "https://patrickbrosset.com/lab/steps", "published_at": "2025-09-26T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37df91c970", "title": "Unlock text editing use cases with highlightsFromPoint and other FromPoint APIs", "url": "https://patrickbrosset.com/articles/2025-09-25-unlock-text-editing-use-cases-with-highlightsfrompoint-and-other-frompoint-apis/", "published_at": "2025-09-25T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37dfe0d917", "title": "Test the clipboardchange event—a more efficient way to monitor the clipboard", "url": "https://patrickbrosset.com/articles/2025-09-23-test-the-clipboardchange-eventa-more-efficient-way-to-monitor-the-clipboard/", "published_at": "2025-09-23T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e07501f1", "title": "Demanding more from our AI coding tools", "url": "https://patrickbrosset.com/articles/2025-09-16-demanding-more-from-our-ai-coding-tools/", "published_at": "2025-09-16T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e0fee611", "title": "Filling the Gap - Decorating Layouts with CSS (Smashing Conference, Freiburg)", "url": "https://patrickbrosset.com/slides/2025-09-CSS-Gap-Decorations.pdf", "published_at": "2025-09-08T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e176debe", "title": "Calling for Interop 2026 proposals", "url": "https://patrickbrosset.com/articles/2025-09-04-calling-for-interop-2026-proposals/", "published_at": "2025-09-04T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e1bf5526", "title": "CSS gap decoration resources", "url": "https://patrickbrosset.com/lab/css-gap-decoration-resources", "published_at": "2025-09-02T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e2b1e9a3", "title": "AI agents and the web - A proposal to keep developers in the loop", "url": "https://patrickbrosset.com/articles/2025-08-28-ai-agents-and-the-web-a-proposal-to-keep-developers-in-the-loop/", "published_at": "2025-08-28T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e2d24cf7", "title": "Brick by brick: Help us build CSS Masonry", "url": "https://patrickbrosset.com/articles/2025-07-23-brick-by-brick-help-us-build-css-masonry/", "published_at": "2025-07-23T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e3473db1", "title": "The Gap Strikes Back: Now Stylable", "url": "https://patrickbrosset.com/articles/2025-07-01-the-gap-strikes-back-now-stylable/", "published_at": "2025-07-01T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e3706ce4", "title": "The Edge 2025 web platform top developer needs dashboard", "url": "https://patrickbrosset.com/articles/2025-06-26-the-edge-2025-web-platform-top-developer-needs-dashboard/", "published_at": "2025-06-26T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e37af6ae", "title": "How to convince your boss to sponsor Open Web Docs", "url": "https://patrickbrosset.com/articles/2025-06-18-how-to-convince-your-boss-to-sponsor-open-web-docs/", "published_at": "2025-06-18T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e3e3c7bb", "title": "A new way to style gaps in CSS", "url": "https://patrickbrosset.com/articles/2025-06-11-a-new-way-to-style-gaps-in-css/", "published_at": "2025-06-11T00:00:00+00:00" }, { "id": "01a087bd-6d6f-7241-b4ac-4e37e48f7b89", "title": "CSS alignment in block layouts", "url": "https://patrickbrosset.com/lab/alignment-in-blocks", "published_at": "2025-05-20T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641bbac8d4", "title": "Creating a more accessible web with Aria Notify", "url": "https://patrickbrosset.com/articles/2025-05-05-creating-a-more-accessible-web-with-aria-notify/", "published_at": "2025-05-05T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641c1b3419", "title": "Contextual logging with console.context()", "url": "https://patrickbrosset.com/articles/2025-04-22-contextual-logging-with-console.context/", "published_at": "2025-04-22T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641d1728a5", "title": "web-features and Baseline (AC 2025)", "url": "https://www.w3.org/2025/04/AC/", "published_at": "2025-04-08T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641d9efb75", "title": "web-features and Baseline - We're feature complete! What's next? (W3C Breakouts Day)", "url": "https://github.com/w3c/breakouts-day-2025/issues/8", "published_at": "2025-03-26T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641e69bc95", "title": "Minding the gaps: A new way to draw separators in CSS", "url": "https://patrickbrosset.com/articles/2025-03-19-minding-the-gaps-a-new-way-to-draw-separators-in-css/", "published_at": "2025-03-19T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641f07835d", "title": "First catalog of web features completed by the WebDX Community Group", "url": "https://patrickbrosset.com/articles/2025-03-13-first-catalog-of-web-features-completed-by-the-webdx-community-group/", "published_at": "2025-03-13T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641f69b8ab", "title": "Navigating the web platform", "url": "https://patrickbrosset.com/lab/navigating-the-web-platform", "published_at": "2025-02-18T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641fbdca46", "title": "execCommand sample", "url": "https://patrickbrosset.com/lab/2025-02-14-exec-command", "published_at": "2025-02-14T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25641fec815b", "title": "Microsoft Edge and Interop 2025", "url": "https://patrickbrosset.com/articles/2025-02-13-microsoft-edge-and-interop-2025/", "published_at": "2025-02-13T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256420aa9592", "title": "Better text rendering in Chromium-based browsers on Windows", "url": "https://patrickbrosset.com/articles/2025-02-12-better-text-rendering-in-chromium-based-browsers-on-windows/", "published_at": "2025-02-12T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256421240c78", "title": "Constructing ClipboardItems from strings and Promises", "url": "https://patrickbrosset.com/articles/2025-02-12-constructing-clipboarditems-from-strings-and-promises/", "published_at": "2025-02-12T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256421913700", "title": "Local Fonts API", "url": "https://patrickbrosset.com/lab/2025-02-12-local-fonts", "published_at": "2025-02-12T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-2564228baa1f", "title": "Request for feedback: Incoming call notifications API for web apps", "url": "https://patrickbrosset.com/articles/2025-02-04-request-for-feedback-incoming-call-notifications-api-for-web-apps/", "published_at": "2025-02-04T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256423727df9", "title": "Framesets!", "url": "https://patrickbrosset.com/lab/frameset", "published_at": "2024-12-20T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256423d68365", "title": "Évolution rapide et lente : le paradoxe de la plateforme Web", "url": "https://patrickbrosset.com/articles/2024-12-17-evolution-rapide-et-lente--le-paradoxe-de-la-plateforme-web/", "published_at": "2024-12-17T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256423dc0277", "title": "4 JS array methods that don't mutate the original array", "url": "https://patrickbrosset.com/articles/2024-12-16-4-js-array-methods-that-dont-mutate-the-original-array/", "published_at": "2024-12-16T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-2564245ed36b", "title": "My very short and incomplete analysis of the State of JS 2024 survey results", "url": "https://patrickbrosset.com/articles/2024-12-16-my-very-short-and-incomplete-analysis-of-the-state-of-js-2024-survey-results/", "published_at": "2024-12-16T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642479bf15", "title": "Even faster IndexedDB reads with getAllRecords", "url": "https://patrickbrosset.com/articles/2024-11-19-even-faster-indexeddb-reads-with-getallrecords/", "published_at": "2024-11-19T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256424f61a32", "title": "State of CSS and State of HTML 2024", "url": "https://patrickbrosset.com/articles/2024-11-08-state-of-css-and-state-of-html-2024/", "published_at": "2024-11-08T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642565728f", "title": "Smashing Conference NYC 2024", "url": "https://patrickbrosset.com/articles/2024-10-15-smashing-conference-nyc-2024/", "published_at": "2024-10-15T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256425b946f5", "title": "AI on the web platform - Lightning talk (Smashing Conference, NYC)", "url": "https://noti.st/patrickbrosset/TQKDV0/ai-on-the-web-platform", "published_at": "2024-10-07T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256425f0278d", "title": "Notifications API's support for icon and tag", "url": "https://patrickbrosset.com/lab/2024-09-26-notifications-with-icon-and-tag", "published_at": "2024-09-26T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256426be685b", "title": "CSS object-view-box property sample page", "url": "https://patrickbrosset.com/lab/2024-09-25-object-view-box", "published_at": "2024-09-25T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-2564274ce41c", "title": "Baseline web features for the win, WebDX Community Group, TPAC 2024", "url": "https://www.w3.org/2024/09/TPAC/demo-baseline.html", "published_at": "2024-09-25T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256427520ea8", "title": "Looking forward to an Interop 2025 that addresses your top needs", "url": "https://patrickbrosset.com/articles/2024-09-17-looking-forward-to-an-interop-2025-that-addresses-your-top-needs/", "published_at": "2024-09-17T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256427bdc56e", "title": "A release note for the web platform", "url": "https://patrickbrosset.com/articles/2024-09-04-a-release-note-for-the-web-platform/", "published_at": "2024-09-04T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256427c06f30", "title": "Seamless SVG copy-paste on the web", "url": "https://patrickbrosset.com/articles/2024-07-11-seamless-svg-copy-paste-on-the-web/", "published_at": "2024-07-11T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642806d268", "title": "A language model in your browser, accessible as a Web API?", "url": "https://patrickbrosset.com/articles/2024-07-04-a-language-model-in-your-browser-accessible-as-a-web-api/", "published_at": "2024-07-04T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-256428cf72b9", "title": "My web platform analysis of the State of JS 2023 results", "url": "https://patrickbrosset.com/articles/2024-06-27-my-web-platform-analysis-of-the-state-of-js-2023-results/", "published_at": "2024-06-27T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642952a3f5", "title": "Invasion of the border snappers", "url": "https://patrickbrosset.com/articles/2024-06-21-invasion-of-the-border-snappers/", "published_at": "2024-06-21T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642a00aa45", "title": "My analysis of the State of HTML 2023 results", "url": "https://patrickbrosset.com/articles/2024-06-10-my-analysis-of-the-state-of-html-2023-results/", "published_at": "2024-06-10T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642afb53e5", "title": "Understanding CSS subgrid", "url": "https://patrickbrosset.com/articles/2024-06-10-understanding-css-subgrid/", "published_at": "2024-06-10T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642b963307", "title": "Closing the loop - From developer signals to browser maker decisions", "url": "https://patrickbrosset.com/articles/2024-03-15-closing-the-loop-from-developer-signals-to-browser-maker-decisions/", "published_at": "2024-03-15T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642c4a94b8", "title": "Building an image performance overlay with the Performance API", "url": "https://patrickbrosset.com/articles/2024-03-12-building-an-image-performance-overlay-with-the-performance-api/", "published_at": "2024-03-12T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642cc8a795", "title": "BCD impl_url data visualization", "url": "https://patrickbrosset.com/lab/2024-03-01-bcd-impl-url", "published_at": "2024-03-01T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642d2689b2", "title": "W3C badges custom element demo", "url": "https://patrickbrosset.com/lab/2024-02-29-w3c-badges", "published_at": "2024-02-29T00:00:00+00:00" }, { "id": "01a087bd-6d70-70ba-9269-25642e04155a", "title": "CSS color-mix demo", "url": "https://patrickbrosset.com/lab/2024-02-14-color-mix", "published_at": "2024-02-14T00:00:00+00:00" } ] posts Claim your blog
Back to Patrick
Blog · corpus.blog/blogs/patrickbrosset.com/posts

Patrick

patrickbrosset.com

2026

My favorite Interop 2027 proposalsoriginal ↗
24 Sept 2026
Blurry before beautiful: image previews for the weboriginal ↗
22 Sept 2026
New in Edge for developers – Create better components and make your site agent-readyoriginal ↗
21 Sept 2026
WebMCP: Stop scraping the web, start calling it (dotAI, Paris)original ↗
17 Sept 2026
I'm worried about the weboriginal ↗
15 Sept 2026
What's missing from the web to support transparent browser restarts?original ↗
11 Sept 2026
Patrick Brossetoriginal ↗
7 Sept 2026
Calling for Interop 2027 proposalsoriginal ↗
3 Sept 2026
State of CSS 2026original ↗
7 Aug 2026
Draw fixed-size gap decorations by using container query unitsoriginal ↗
4 Aug 2026
New in Edge for developers – Style layout gaps, improve keyboard accessibility and migrate your PWA to a new originoriginal ↗
7 Jul 2026
What's missing from SVGoriginal ↗
22 Jun 2026
Browser engine-specific WPT failuresoriginal ↗
22 Jun 2026
Alignment in CSS Grid Lanesoriginal ↗
19 Jun 2026
Fun with CSS Grid Lanes (CSS Day, Amsterdam)original ↗
12 Jun 2026
What's missing in CSS layoutoriginal ↗
20 May 2026
Install web apps with the new HTML install elementoriginal ↗
13 May 2026
wf - The web-features CLIoriginal ↗
13 May 2026
The CSS shape() functionoriginal ↗
30 Apr 2026
History of the Web (BlinkOn 21)original ↗
21 Apr 2026
Monitor and improve your web app’s load performanceoriginal ↗
17 Mar 2026
Abusing customizable selectsoriginal ↗
11 Mar 2026
Using CSS animations as state machines to remember focus and hover states with CSS onlyoriginal ↗
9 Mar 2026
Make custom elements behave with scoped registriesoriginal ↗
9 Mar 2026
Making keyboard navigation effortlessoriginal ↗
5 Mar 2026
Abusing CSS gap decoration for artoriginal ↗
25 Feb 2026
Embrace the chaos — The shape and flow of masonry layoutsoriginal ↗
23 Feb 2026
WebMCP updates, clarifications, and next stepsoriginal ↗
23 Feb 2026
Microsoft Edge and Interop 2026original ↗
12 Feb 2026
Improving the experience of developing for the web, one feature at a time (FOSDEM 2026, Brussels)original ↗
31 Jan 2026
Springy file and folder selector with custom <select>original ↗
28 Jan 2026
Bouncy emoji picker with custom <select>original ↗
28 Jan 2026
Cityscapeoriginal ↗
8 Jan 2026
Fun with the weboriginal ↗
6 Jan 2026

2025

My 2025 in numbersoriginal ↗
31 Dec 2025
The Million Dollar Gridoriginal ↗
30 Dec 2025
Making complex web apps fasteroriginal ↗
9 Dec 2025
What's wrong with this HTML, and is it valid?original ↗
8 Dec 2025
Implementing an accordion component in 2026 🪗original ↗
4 Dec 2025
Masonry: Things You Won’t Need A Library For Anymoreoriginal ↗
2 Dec 2025
Web features finderoriginal ↗
1 Dec 2025
Crop'n'Zoom image editororiginal ↗
27 Nov 2025
Keyboard focusable scroller testoriginal ↗
18 Nov 2025
Perfecting Baselineoriginal ↗
13 Nov 2025
Quirks mode vs Standards modeoriginal ↗
31 Oct 2025
Styles in HTMLoriginal ↗
10 Oct 2025
Masonry - The pretty grid you didn't see coming (Smashing Conference, NYC)original ↗
7 Oct 2025
Paint performance API test pageoriginal ↗
30 Sept 2025
CSS Masonry resourcesoriginal ↗
29 Sept 2025
Friday abstract CSS animationoriginal ↗
26 Sept 2025
Unlock text editing use cases with highlightsFromPoint and other FromPoint APIsoriginal ↗
25 Sept 2025
Test the clipboardchange event—a more efficient way to monitor the clipboardoriginal ↗
23 Sept 2025
Demanding more from our AI coding toolsoriginal ↗
16 Sept 2025
Filling the Gap - Decorating Layouts with CSS (Smashing Conference, Freiburg)original ↗
8 Sept 2025
Calling for Interop 2026 proposalsoriginal ↗
4 Sept 2025
CSS gap decoration resourcesoriginal ↗
2 Sept 2025
AI agents and the web - A proposal to keep developers in the looporiginal ↗
28 Aug 2025
Brick by brick: Help us build CSS Masonryoriginal ↗
23 Jul 2025
The Gap Strikes Back: Now Stylableoriginal ↗
1 Jul 2025
The Edge 2025 web platform top developer needs dashboardoriginal ↗
26 Jun 2025
How to convince your boss to sponsor Open Web Docsoriginal ↗
18 Jun 2025
A new way to style gaps in CSSoriginal ↗
11 Jun 2025
CSS alignment in block layoutsoriginal ↗
20 May 2025
Creating a more accessible web with Aria Notifyoriginal ↗
5 May 2025
Contextual logging with console.context()original ↗
22 Apr 2025
web-features and Baseline (AC 2025)original ↗
8 Apr 2025
web-features and Baseline - We're feature complete! What's next? (W3C Breakouts Day)original ↗
26 Mar 2025
Minding the gaps: A new way to draw separators in CSSoriginal ↗
19 Mar 2025
First catalog of web features completed by the WebDX Community Grouporiginal ↗
13 Mar 2025
Navigating the web platformoriginal ↗
18 Feb 2025
execCommand sampleoriginal ↗
14 Feb 2025
Microsoft Edge and Interop 2025original ↗
13 Feb 2025
Better text rendering in Chromium-based browsers on Windowsoriginal ↗
12 Feb 2025
Constructing ClipboardItems from strings and Promisesoriginal ↗
12 Feb 2025
Local Fonts APIoriginal ↗
12 Feb 2025
Request for feedback: Incoming call notifications API for web appsoriginal ↗
4 Feb 2025

2024

Framesets!original ↗
20 Dec 2024
Évolution rapide et lente : le paradoxe de la plateforme Weboriginal ↗
17 Dec 2024
4 JS array methods that don't mutate the original arrayoriginal ↗
16 Dec 2024
My very short and incomplete analysis of the State of JS 2024 survey resultsoriginal ↗
16 Dec 2024
Even faster IndexedDB reads with getAllRecordsoriginal ↗
19 Nov 2024
State of CSS and State of HTML 2024original ↗
8 Nov 2024
Smashing Conference NYC 2024original ↗
15 Oct 2024
AI on the web platform - Lightning talk (Smashing Conference, NYC)original ↗
7 Oct 2024
Notifications API's support for icon and tagoriginal ↗
26 Sept 2024
CSS object-view-box property sample pageoriginal ↗
25 Sept 2024
Baseline web features for the win, WebDX Community Group, TPAC 2024original ↗
25 Sept 2024
Looking forward to an Interop 2025 that addresses your top needsoriginal ↗
17 Sept 2024
A release note for the web platformoriginal ↗
4 Sept 2024
Seamless SVG copy-paste on the weboriginal ↗
11 Jul 2024
A language model in your browser, accessible as a Web API?original ↗
4 Jul 2024
My web platform analysis of the State of JS 2023 resultsoriginal ↗
27 Jun 2024
Invasion of the border snappersoriginal ↗
21 Jun 2024
My analysis of the State of HTML 2023 resultsoriginal ↗
10 Jun 2024
Understanding CSS subgridoriginal ↗
10 Jun 2024
Closing the loop - From developer signals to browser maker decisionsoriginal ↗
15 Mar 2024
Building an image performance overlay with the Performance APIoriginal ↗
12 Mar 2024
BCD impl_url data visualizationoriginal ↗
1 Mar 2024
W3C badges custom element demooriginal ↗
29 Feb 2024
CSS color-mix demooriginal ↗
14 Feb 2024
Next