Weekly Platform News: Preventing Image Loads with the Picture Element, the Web We Want, Svg Styles Are Not Scoped

In this week’s week roundup of browser news, a trick for loading images conditionally using the picture element, your chance to tell bowser vendors about the web you want, and the styles applied to inline SVG elements are, well, not scoped only to that SVG.
Let’s turn to the headlines…

Preventing image loads with the picture element
You can use the element to prevent an image from loading if a specific media query matches the user’s environment (e.g., if … Read article
The post Weekly Platform News: Preventing Image Loads with the Picture Element, the Web We Want, Svg Styles Are Not Scoped appeared first on CSS-Tricks.

Link: https://css-tricks.com/weekly-platform-news-preventing-image-loads-with-the-picture-element-the-web-we-want-svg-styles-are-not-scoped/

New CSS Features in Firefox 68

Firefox 68 landed earlier this month with a bunch of CSS additions and changes. In this blog post Rachel Andrew takes a look at some of the things you can expect to find, like Scroll Snapping done right, the ::marker pseudo-element, and new tooling in Firefox DevTools for working with CSS.
The post New CSS Features in Firefox 68 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/07/new-css-features-in-firefox-68/

Add-Ons Outage Post-Mortem Result

We’ve been conducting an ongoing post-mortem on the add-ons outage that occurred earlier this year. There was a lot more digging to do than we expected. In addition to this updated high-level overview, we’ve also published our findings in detailed incident and technical reports that are now available.
The post Add-Ons Outage Post-Mortem Result appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/07/add-ons-outage-post-mortem-result/

Firefox 68: BigInts, Contrast Checks, and the QuantumBar

Firefox 68 is available today, sporting support for big integers, whole-page contrast checks checks for accessibility, and a completely new implementation of a core Firefox feature: the ever-awesome URL bar. Dan Callahan also reports on updated CSS scroll-snapping and other features, DOM API updates, next steps in the WebRender implementation, and more.
The post Firefox 68: BigInts, Contrast Checks, and the QuantumBar appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/07/firefox-68-bigints-contrast-checks-and-the-quantumbar/

GeckoView in 2019

Introducing the initial release of Firefox Preview (GitHub), an entire browser built from the ground up with GeckoView and Mozilla Android Components. Firefox Preview is our platform for building, testing, and delivering unique features. Though still an early preview, this is our first end-user product built completely with these new technologies. Plus, we’ll share an update on where GeckoView is going in 2019.
The post GeckoView in 2019 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/geckoview-in-2019/

CSS Scroll Snap Updated in Firefox 68

The CSS Scroll Snap specification gives us a way in CSS to snap between different elements in a page or scrolling component. In this post, Rachel Andrew explains how scroll snapping works, why we had a situation where browsers were running different versions of the specification, and how that’s changing.
The post CSS Scroll Snap Updated in Firefox 68 appeared first on Mozilla Hacks – the Web developer blog.

Link: https://hacks.mozilla.org/2019/06/css-scroll-snap-updated-in-firefox-68/

Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon

In this week’s roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you.
The post Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon appeared first on CSS-Tricks.

Link: https://css-tricks.com/weekly-platform-news-css-scroll-snap-opera-gx-pwa-install-icon/