Day: September 1, 2022

Posted on

The Future of Observability: OpenTelemetry Adoption

Featured Imgs 23

Chronosphere has its eye on the future of observability, and we are constantly talking to companies and industry experts about the observability challenges ahead. Sharing is caring, so we’ve started a video series talking about hot observability topics, and we’re summarizing those discussions in some quick-read blogs.

We kick things off with the spotlight on Chronosphere co-founder and CEO, Martin Mao, who shares his insights with Chronosphere Technical Writer, Chris Ward, about why 2022 will be a big year for OpenTelemetry adoption. 

Posted on

iShadeed’s Container Queries Lab

Category Image 052

Ahmad Shadeed got an early jump on container queries and has a growing collection of examples based on everyday patterns.

And, if you missed it, his latest post on container queries does a wonderful job covering how they work since landing in Chrome 105 this month (we’ll see them in Safari 16 soon). Some choice highlights and takeaways:

  • Containers are defined with the container-type property. Previous demos and proposals had been using contain instead.
  • Container queries are very much like the media queries we’ve been writing all along to target the viewport size. So, rather than something like @media (min-width: 600px) {}, we have @container (min-width: 600px) {}. That should make converting many of those media queries to container queries fairly straightfoward, minus the work of figuring out the new breakpoint values.
  • We can name containers to help distinguish them in our code (e.g. container-name: blockquote).

Great job, Ahmad! And thanks for sharing!

To Shared Link — Permalink on CSS-Tricks

iShadeed’s Container Queries Lab originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.