Patrick Brosset

The list of browser (and server runtime) versions, according to BCD.

A recent discussion on Mastodon reminded my of this age-old problem related to inspecting webpages in DevTools: things tend to move around or disapear when you stop interacting with the page to go and do stuff in DevTools!

A fun CSS demo of a kaleidoscope image, rendered in CSS, which uses tan(), clip-path, and a few other cool CSS techniques.

Two weeks ago I attended the W3C TPAC conference.

When you're documenting an application, reporting a bug about it, or just chatting about it with colleagues, it's common to have to share screenshots of the app.

Read the full article at https://blogs.windows.com/msedgedev/2023/08/10/collaborating-office-performance-better-web-performance-tools/

Read the full article at https://blogs.windows.com/msedgedev/2023/08/09/pwa-documentation-mdn-web-docs-open-web-docs/

Read the full article at https://www.smashingmagazine.com/2023/06/popular-devtools-tips/

tl;dr: Open Web Docs is awesome.

A little demo showing my recent Spotify playlists just for me to learn new CSS tricks.

A deep dive into style recalculations and CSS selector performance.

Type outline:1px solid red much?

Développer des applications natives pour systèmes d'exploitation bureau est couteux et complexe.

⚠️ MDN now has more up-to-date information on this ⚠️ After releasing this blog post, I started working on a big project to update the storage quota and eviction documentation on MDN too.

Read the full article at https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/

The most common way that I hear people define Progressive Web App (PWA) is: "it's just a website with a manifest file and a service worker".

I presented this talk about building great desktop applications that adapt and integrate in the device they're installed on, from one codebase.

Seven years ago, I taught myself all about CSS linear gradients and, ever since, I've been meaning to learn more about how radial gradients worked as well.

A simple pair of eyes, using CSS, just to teach myself how to use the radial-gradient CSS function.

Read the full article at https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/

I've had a passion for the web ever since the end of the 90's and have been working with web technologies since.

Let me start with a caveat: I've not done actual professional web development for about 10 years I think.

Does building native apps on desktop operating systems have to be frustrating and cost a fortune?

Read the full article at https://blogs.windows.com/msedgedev/2022/09/27/closing-pixel-gap-native-web-window-controls-overlay/

Progressive Web Apps (or PWA) is a topic I find myself quite interested in lately.

Read the full article at https://www.smashingmagazine.com/2022/05/whats-that-dev-tool/

Join the Edge DevTools team as we share an exclusive look at new and upcoming features and improvements.

Read the full article at https://www.azurestaticwebapps.dev/blog/devtools-msedge

Read the full article at https://blogs.windows.com/msedgedev/2022/05/18/find-and-manage-your-installed-apps-and-sites/

A game where you try to name as many DevTools panels as you can in 60 seconds!

The Array JavaScript built-in object comes with a lot of methods that make manipulating arrays easy.

As the MDN Web Developer Assessment (Web DNA) surveys showed, the number one frustration web developers have is due to incompatibilities of the web platform between browser.

Read the full article at https://blogs.windows.com/msedgedev/2022/05/05/styling-select-elements-for-real/

The problem Web devs debug their code in different ways.

Read the full article at https://blogs.windows.com/msedgedev/2022/04/14/30-days-of-pwa-fall-in-love-with-progressive-web-apps/

Read the full article at https://blogs.windows.com/msedgedev/2022/03/09/improving-devtools-together-announcing-the-new-edge-devtools-feedback-repository/

Read the full article at https://css-tricks.com/the-selectmenu-element/

Read the full article at https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/dev-tools/03

Read the full article at https://css-tricks.com/css-custom-highlight-api-early-loo/

Read the full article at https://www.smashingmagazine.com/2022/01/devtools-updates-2022/

Read the full article at https://blogs.windows.com/msedgedev/2022/01/19/looking-back-at-microsoft-edge-for-developers-in-2021/

A few real use cases that normally require a custom select component, made with the beta selectmenu component available in Chromium.

Read the full article at https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/

Read the full article at https://alistapart.com/article/breaking-out-of-the-box/

A browser extension that lets you pick colors from anywhere on your screen.

I recently wrote about the EyeDropper API, this great new little JavaScript API that allows users to pick colors from anywhere on their screens.

I presented the new EyeDropper API at the W3C/SMPTE joint Workshop on Professional Media Production on the Web.

Read the full article at https://developer.chrome.com/docs/capabilities/web-apis/eyedropper

Websites usually don’t use files much.

Read the full article at https://blogs.windows.com/msedgedev/2021/10/19/pwa-summit-learn-progressive-web-apps-documentation/