Una Kravets shares this fairly minimal update: the
select element can now have
hrs in it (at least in Chrome & Safari). Firefox just ignores them, not sure about Edge, but hoping Chrome means Chromium?
Sticking with Una for second, let’s take a moment to bask in the growth that CSS experienced in 2023! We are days away from
:has() being available in all major browsers, plus nesting, subgrid, container queries, View & Scroll Transitions (in Chromium), and so much more…
What the heck, let’s keep this bandwagon rolling: the Chrome for Developers team rolled out a demo site called The Web Can Do That? to highlight all the cool things we can do to make our sites “stand out” a little more.
And while we’re enjoying how far the web has come, let us not forget where we started… Neal Agarwal presents Internet Artifacts, a site to help the youngsters our there learn (and us old people remember) what life was like in the 1900s… I love how things were “officially proposed”, like the :-) and :-( or OTW, etc.
With INP looming, being able to diagnose issues is imperative. And while the Long Tasks API helped, it didn’t help a lot… So now we have the Long Animation Frames API (LoAF, pronounced Lo-Af, as of Chrome 116). Definitely an improvement!
And speaking of INP, Ivailo Hristov‘s contribute to the 2023 Web Performance Calendar, Yielding to the Main Thread: How Breaking Up Tasks Can Fix INP, should also help debug and resolve any INP issues you encounter.
More on CWVs, the good folks at DebugBear remind us that a good LCP score is not only about optimizing an image or telling the browser about it ASAP. LCP is actually comprised four components:
All of the above can affect your LCP, so make sure you are optimizing all of them!
Okay, one more, as Whitney Lewis shows us How to use Chrome’s accessibility tree to help understand how accessible technologies will see, and interpret, your page. Easily click back-and-forth between the DOM View and the Accessibility Tree to see how elements are interpreted.
And finally, ever wondered how many Intertube trains your packets had to take to get to your browser? Yeah, me neither, but Lexi Mattick created How Did I get Here?, and it is a compelling visual! I am always amazed at how much is happening with just a click…