{"website":[{"headings":["When to avoid the `text-decoration` shorthand property"],"date":"2022-02-25","url":"https://css-tricks.com/when-to-avoid-css-text-decoration-shorthand/"},{"headings":["CSS underlines are too thin and too low in Chrome"],"date":"2022-01-04","url":"https://css-tricks.com/css-underlines-are-too-thin-and-too-low-in-chrome/"},{"headings":["Firefox’s `bolder` default is a problem for variable fonts"],"date":"2021-09-07","url":"https://css-tricks.com/firefoxs-bolder-default-is-a-problem-for-variable-fonts/"},{"headings":["Custom state pseudo-classes in Chrome"],"date":"2021-05-06","url":"https://css-tricks.com/custom-state-pseudo-classes-in-chrome/"},{"headings":["Now may be a good time to start using `:focus-visible`","The BBC created a more accessible typeface","`display: contents` is still not accessible in Safari","Set `opacity` when overriding the color of placeholder text","Declarative shadow DOM could help popularize style encapsulation"],"date":"2021-04-16","url":"https://css-tricks.com/platform-news-using-focus-visible-bbcs-new-typeface-declarative-shadow-doms-a11y-and-placeholders/"},{"headings":["Rounded outlines are coming to Firefox","SVG animations are now GPU-accelerated in Chrome","There cannot be real physical units in CSS","The Times crossword is accessible to screen reader users","CSS variables are resolved before the value is inherited"],"date":"2021-04-02","url":"https://css-tricks.com/platform-news-rounded-outlines-gpu-accelerated-svg-animations-how-css-variables-are-resolved/"},{"headings":["The `prefers-contrast: more` media query is supported in Safari Preview","Making math a first-class citizen on the web","CSS `:is()` upgrades selector lists to become forgiving","Dell and Kraft Heinz sued over inaccessible websites","`background-clip` and `background-origin` have different initial values"],"date":"2021-03-19","url":"https://css-tricks.com/platform-news-prefers-contrast-mathml-is-and-css-background-initial-values/"},{"headings":["Logical CSS could soon become the new default","Chrome ships three controversial Fugu APIs","Stretching SVG with `preserveAspectRatio=none`","WordPress tones down the use of italics","Still no progress on CSS custom media queries"],"date":"2021-03-12","url":"https://css-tricks.com/platform-news-defaulting-to-logical-css-fugu-apis-custom-media-queries-and-wordpress-vs-italics/"},{"headings":["Chrome will stop displaying focus rings when clicking buttons","The enhanced CSS `:not()` selector enables “donut scope”","The New York Times now honors Global Privacy Control","The case for `em`-based media queries","A new push to bring CSS `:user-invalid` to browsers"],"date":"2021-03-04","url":"https://css-tricks.com/weekly-platform-news-focus-rings-donut-scope-ditching-em-units-and-global-privacy-control/"},{"headings":["The new HTML `` element is in development","Award-winning websites should honor the “reduce motion” preference","Websites can now opt into cross-origin isolation","The White House recommits to accessibility","The CSS `100vw` value can cause a useless horizontal scrollbar"],"date":"2021-02-26","url":"https://css-tricks.com/weekly-platform-news-reduced-motion-cors-whitehouse-gov-popups-and-100vw/"},{"headings":["CSS `::-webkit-autofill` has become a standard feature","You can use CSS Grid to define spacing in buttons and links","Websites agree that the pointer cursor is not just for links","Browsers delay `autoplay` until the video comes into view","Chrome introduces three new `@font-face` descriptors"],"date":"2021-02-12","url":"https://css-tricks.com/weekly-platform-news-webkit-autofill-using-cursor-pointer-delaying-autoplay-videos/"},{"headings":["The enhanced `:not()` pseudo-class enables new kinds of powerful selectors","The HTTP `Refresh` header can be an accessibility issue","How to disable smooth scrolling for the “Find on page…” feature in Chrome","Safari still supports the `media` attribute on video sources","The CSS `clip-path: path()` function ships in Chrome"],"date":"2021-02-05","url":"https://css-tricks.com/weekly-platform-news-the-not-pseudo-class-video-media-queries-clip-path-path-support/"},{"headings":["GitHub says its cookies don’t necessitate a banner","CSS `:not()` now supports complex selectors","SVG website icon with embedded dark mode styles","Decorative icons can impede iOS Voice Control","How to center items individually in CSS Grid"],"date":"2021-01-24"},{"headings":["Safari supports user style sheets","`fallback` instead of `swap` for CSS `font-display`","Use `lang=\"\"` if the content language is unknown","Create inset outlines with negative `outline-offset`","Disabling submit buttons during form submission"],"date":"2021-01-15"},{"headings":["HTML context menus to be removed from Firefox"],"date":"2020-12-14"},{"headings":["CSS custom properties are not variables"],"date":"2020-12-04"},{"headings":["Google’s File System Access API is not a standard"],"date":"2020-11-06"},{"headings":["Why CSS `::before` doesn’t work on inputs and images"],"date":"2020-08-26"},{"headings":["Firefox’s criteria for installable web apps on Android"],"date":"2020-08-25"},{"headings":["The updated beta version of Can I Use…","Browsers ensure that subpixel borders stay crisp","Scrolling an element into the center of the screen"],"date":"2020-07-27"},{"headings":["Why GOV.UK sets `role=\"button\"` on some links","`Temporal` is a proposed date and time API","Lighthouse warns about long tasks, uncrawlable links"],"date":"2020-07-09"},{"headings":["CSS `:is()` and `:where()` are coming to browsers"],"date":"2020-06-04"},{"headings":["Consider adding a “skip to main content” link","A place to report web compatibility issues"],"date":"2020-05-26"},{"headings":["CSS `min()` and `max()` functions are counterintuitive","When to add `autocomplete=\"email\"` to an email field","jQuery uses `document.documentMode` to detect IE"],"date":"2020-05-07"},{"headings":["A use-case for the nullish coalescing operator","When (not) to use the `
` element","Try out the CSS `lh` unit in Safari Preview"],"date":"2020-04-29"},{"headings":["The `` attribute is not ready","Consider deploying Cross-Origin Resource Policy","Check if you meet WCAG’s text spacing requirements"],"date":"2020-04-27"},{"headings":["The two standard ways to lower a text underline","HTML conformance checker adds ARIA errors","Webhint can spot unneeded HTTP headers"],"date":"2020-03-30"},{"headings":["My findings after browsing the web without a `User-Agent` header for one week"],"date":"2020-03-19"},{"headings":["`<input type="number">` is only intended for amounts","macOS’s default scrollbars can conceal overflow bugs","Star browser bugs to help prioritize feature requests"],"date":"2020-03-06"},{"headings":["Apple’s proposed API for setting the user’s login state","New version of Web Content Accessibility Guidelines","Take the MDN Browser Compatibility Survey"],"date":"2020-03-04"},{"headings":["Make sure that your links have sufficient contrast","How GOV.UK’s focus states ensure non-text contrast","Twitter’s contrast option makes links harder to spot"],"date":"2020-02-28"},{"headings":["`z-index` applies to grid and flex items as well","CSS `middle` value aligns with middle of x-height"],"date":"2020-02-19"},{"headings":["The grid form use-case for CSS Subgrid","More accessible focus rectangles in Edge"],"date":"2019-11-05"},{"headings":["Twitter’s color choices have contrast issues","Firefox’s CLI tool for creating screenshots"],"date":"2019-09-27"},{"headings":["CSS `revert` is supported in Safari and Firefox","Microsoft’s tool for visualizing tab stops"],"date":"2019-09-06"},{"headings":["Over 750 RSS feeds for web developers","Weekly updated browser intents"],"date":"2019-08-30"},{"headings":["The problem with `font-variation-settings`","Alt text should communicate the main point","Microsoft Edge starts blocking trackers"],"date":"2019-08-15"},{"headings":["Detecting users on slow connections","Simplifying URLs to prevent spoofing","Mozilla’s plans for Firefox on Android"],"date":"2019-08-14"},{"headings":["Moving from `<iframe>` to Shadow DOM","Curved text with SVG","Iterating an element’s attributes"],"date":"2019-08-09"},{"headings":["Overview of ARIA specs","Checking if a regex matches a string","Uninstalling desktop web apps"],"date":"2019-08-08"},{"headings":["Browsers ignore end-side padding of scroll containers","The HTML `loading` attribute ships in Chrome","Testing print styles in Firefox"],"date":"2019-08-07"},{"headings":["The `preconnect` and `dns-prefetch` resource hints","The new `webhint` browser extension","Bypassing the browser’s HTTP cache"],"date":"2019-08-02"},{"headings":["CSS `oblique` for slanted text in variable fonts"],"date":"2019-07-31"},{"headings":["Preventing image loads with `<picture>`","Lighthouse adds “Third-Party Usage” audit"],"date":"2019-07-29"},{"headings":["Firefox supports the new CSS properties for styling scrollbars"],"date":"2019-07-25"},{"headings":["Loading non-critical styles separately","`role=\"feed\"` for infinite scrolling","The Web We Want"],"date":"2019-07-24"},{"headings":["Accessible client-side routing","Calculations in CSS custom properties"],"date":"2019-07-23"},{"headings":["Links without `href` attributes","Use `let`/`const` for top-level variables","CSS line-clamping is now widely supported"],"date":"2019-07-19"},{"headings":["Sticky table headers","Pausing auto-playing videos","The “Contextual Alternates” OpenType feature"],"date":"2019-07-18"},{"headings":["CSS Scroll Snap is coming to Firefox","Add a feature policy to your website","Favicons in Google’s search results"],"date":"2019-06-05"},{"headings":["ARC Toolkit browser extension","Internet Explorer mode in Edge"],"date":"2019-05-24"},{"headings":["CSS `-webkit-line-clamp` now widely supported","Blocking cross-domain requests on WebPageTest","Mozilla WebThings provides complete privacy"],"date":"2019-05-17"},{"headings":["Safari brings Web Share to desktop","Instilling a performance culture","Tracking prevention is coming to Edge"],"date":"2019-05-10"},{"headings":["The HTML `inputmode` attribute is now supported in most mobile browsers"],"date":"2019-05-06"},{"headings":["AMP news roundup: AMP as a service, signed exchanges, Bento, CSS tree shaking"],"date":"2019-04-29"},{"headings":["Preventing scroll into view when calling `focus()`","You can adjust the gradient midpoint in CSS","Mouse events include the current click count"],"date":"2019-04-19"},{"headings":["The `<a ping href="/" onclick="">` attribute is disabled in Firefox"],"date":"2019-04-15"},{"headings":["The `<datalist>` element is now widely supported but using labels causes issues"],"date":"2019-04-10"},{"headings":["My takeaways from Florian Rivoal’s “Line breaking” talk"],"date":"2019-04-01"},{"headings":["Web pages can now detect when Chrome’s window is covered by another window"],"date":"2019-03-27"},{"headings":["A web page may be interactive sooner than the Time to Interactive metric suggests"],"date":"2019-03-22"},{"headings":["CSS `scroll-padding` applies to all scroll containers","Implicit root scrollers in Chrome","CSS `isolation` creates a new stacking context"],"date":"2019-03-19"},{"headings":["CSS properties for adjusting text underline offset and thickness are coming to Safari"],"date":"2019-03-13"},{"headings":["All the content that I’ve published elsewhere"],"date":"2019-03-11"},{"headings":["Two lesser-known `Cache-Control` directives that you may find useful"],"date":"2019-03-06"},{"headings":["A few things about AMP that web developers may want to be aware of"],"date":"2019-03-04"},{"headings":["The `<mark>` element could help make your text more scannable"],"date":"2019-02-28"},{"headings":["`</mark></datalist></a></picture>