@chrisdavidmills@front-end.social
@chrisdavidmills@front-end.social avatar

chrisdavidmills

@chrisdavidmills@front-end.social

Independent tech writer, millsdocs.com. A11y advocate, web platform tinkerer, IA enthusiast. ex-@okta, @mozilla, @opera. Drummer, guitarist-in-training, lover of noisy music.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

Browsers are adding support for creating vertical form controls using vertical writing-modes. I've documented it here on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_writing_modes/Vertical_controls. Thanks to Will and @estelle from OWD for their excellent review work!

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I've published MDN docs on the notRestoredReasons API, which allows you to find which pages are being blocked from using the bfcache, and why. Get started at https://developer.mozilla.org/en-US/docs/Web/API/Performance_API/Monitoring_bfcache_blocking_reasons. Thanks to @floscholz and @tunetheweb for reviews!

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I've finally managed to get relative CSS colors documentation published on MDN. This was a complex beast to tackle, and I'm proud to see it out! Get started at https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors; also see the color function pages to find out what relative colors look like in each.

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@sarajw That's correct — the origin color can be hex, named colors, any function, a CSS variable, even another relative color.

I do say that early on in the guide, but perhaps I should have varied the examples a bit more. I wanted to keep the early examples really simple to avoid making readers think of too many things at the same time when getting used to the syntax.

BUT, having colors delivered via hex codes is still super common, as your message attests. Could do with some examples?

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@sarajw Great, thanks for the example! I'll look into adding something next week.

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@sarajw Hey! that is totally cool with me.

I've not forgotten about the hex colors examples either; just snowed under with other stuff currently.

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@sarajw oh, interesting; that sounds like a super fun bug. I'm assuming you've reported it to the Chrome folks; be interesting to see what they say.

I've still got the changes we discuss on my radar; been so busy that I've not had time. I'm currently in the middle of documenting CSS anchor Positioning; possibly after that.

patrick_h_lauke, to random
@patrick_h_lauke@mastodon.social avatar

found myself flicking through some old paper copies of ".net magazine" (around 2010ish). good lord, what a time capsule of early fun web stuff, with lots of the usual suspects of the time (very young looking versions of @brucelawson, @chrisdavidmills, @alastc, @tink, @colly, @lornajane, @malarkey, and many more). that was back when, for a while, I was on the "advisory panel" for the mag (and occasionally contributed to accessibility and html5 related topics) ...

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@tink @patrick_h_lauke @brucelawson @alastc @colly @lornajane @malarkey Big love to you all.

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I have documented The Topics API — part of Google's privacy sandbox — on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Topics_API

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

New live on MDN, written by yours truly — FedCM API docs improvements, including better organization and explanations, updated to cover the Login Status API, isAutoSelected, Error API, and more: https://developer.mozilla.org/en-US/docs/Web/API/FedCM_API

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

New on MDN — documentation for CSS at-scope: https://developer.mozilla.org/en-US/docs/Web/CSS/@scope

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar
chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

New on MDN: Window Management API full documentation: https://developer.mozilla.org/en-US/docs/Web/API/Window_Management_API. A better way to manage multi-window apps.

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

New on MDN: Documentation for the Document Picture-in-Picture API: https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API. You can now put any arbitrary content into the pip window, not just a <video>

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I documented the Speculative Loading API on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API

And added some content about speculative loading in general: https://developer.mozilla.org/en-US/docs/Web/Performance/Speculative_loading

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

Federated Credential Management API extensions are now documented on MDN, namely getUserInfo(), loginHint, and context. To find out more, start at https://developer.mozilla.org/en-US/docs/Web/API/FedCM_API

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

New in JS, Object.groupBy() and Map.groupBy() make it really easy to group array items by specific criteria. See the MDN docs at https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/groupBy and https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map/groupBy. Now with updated support data — Chromium, Gecko, and WebKit.

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@janl heh, I just updated the compat data; the examples aren't my fault ;-)

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

MDN now includes useful information about the Image decoding property, and what it does, courtesy of myself and @tunetheweb: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/decoding

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I've published significantly improved Security and Privacy landing pages on MDN, which aim to provide useful summaries of what you need to know to get started in these areas. See https://developer.mozilla.org/en-US/docs/Web/Security and https://developer.mozilla.org/en-US/docs/Web/Privacy

chrisdavidmills, to random
@chrisdavidmills@front-end.social avatar

I've also documented the CSS text-wrap property on MDN (and white-space-collapse): https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap. Have a play with the balance value for nicely balanced headings

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@mattwilcox Ah, nice one. I really like text-wrap: balance myself. I didn't know much about CSS containment until I was writing some CSS perf docs updates recently.

TheMetalDog, to random
@TheMetalDog@mastodon.social avatar

I love metal heads, when I mention metal people go crazy because you have to give it up.

You never see a guy with his shirt off screaming, "R&B!"

Metal heads are different from any other fan of music. We have like our own symbol that means metal. You just do that to another metal and he's just like "Indeed."

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@philsherry @SlaughterSongs @TheMetalDog
Best gig ever was playing to probably about 500 thrashing warriors in the Kopi squat in Berlin. Everyone was pogo-ing, felt like the floor was gonna collapse

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@philsherry @SlaughterSongs @TheMetalDog Here's a really grainy version of one of our music videos: https://www.youtube.com/watch?v=HDNKTZtIalM

chrisdavidmills,
@chrisdavidmills@front-end.social avatar

@philsherry @SlaughterSongs @TheMetalDog There's a whole bunch of live stuff, but most of it is awful quality: https://www.youtube.com/results?search_query=conquest+of+steel+live

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • modclub
  • DreamBathrooms
  • mdbf
  • Durango
  • ngwrru68w68
  • magazineikmin
  • thenastyranch
  • InstantRegret
  • Youngstown
  • slotface
  • everett
  • kavyap
  • cisconetworking
  • JUstTest
  • ethstaker
  • tacticalgear
  • GTA5RPClips
  • osvaldo12
  • khanakhh
  • rosin
  • Leos
  • normalnudes
  • anitta
  • cubers
  • tester
  • provamag3
  • lostlight
  • All magazines