It’s useful when DevTools tells you that a declaration is invalid. For example,
colr: red; isn’t valid because
colr isn’t a valid property. Likewise
color: rd; isn’t valid because
rd isn’t a valid value. For the most part, a browser’s DevTools shows the declaration as
crossed out with a warning () icon. It would be nice if they went a step further to tell you which thing was wrong (or both) and suggest likely fixes, but hey, I don’t wanna … Read article “Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools”
In this week’s news: Firefox gets strict, Opera goes to the dark side, and Chrome plans to let web apps run in the background.
In this week’s roundup: Firefox’s new contrast checker, a simpler way to lasso substrings in a string, and a new experimental API that will let apps fiddle with a user’s local files.… Read article “Weekly Platform News: Contrast Ratio Range, replaceAll Method, Native File System API”
In this week’s roundup: Firefox gains locksmith-like powers, Samsung’s Galaxy Store starts supporting Progressive Web Apps, CSS Subgrid is shipping in Firefox 70, and a new study confirms that users prefer to tap into content rather than scroll through it.
Let’s get into the news.… Read article “Weekly Platform News: Web Apps in Galaxy Store, Tappable Stories, CSS Subgrid”
In this week’s roundup: “Add to home screen” has different meanings in Android, Chrome and Edge add some pop to focus rectangles on form inputs, and how third-party sites may be coming to a modal near you.… Read article “Weekly Platform News: WebAPK Limited to Chrome, Discernible Focus Rectangles, Modal Window API”
Asked an entire room full of webdevs yesterday if any of them knew that FF/Chrome/Opera/Brave/etc. for iOS weren't allowed to compete on engine quality.
Zero hands up.
— Alex Russell (@slightlylate) September 25, 2019
It’s worth making this clear then. On iOS, the only browser engine is WebKit. There are other browsers, but they can’t bring their own engine (Blink/Gecko). So, if you’re using Chrome or Firefox on iOS, it’s really the same engine Safari is using, only slightly less … Read article “Zero hands up.”
In this week’s roundup: fighting shifty layouts, some videos might be a bit stalled, and a new way to take screenshots in Firefox.… Read article “Weekly Platform News: Layout Shifts, Stalled High-Bitrate Videos, Screenshots in Firefox”
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.