Pick date

This is a preview. All links and Twitter names have been removed. The full version of this content can be accessed only by patrons of this digest (after signing in). Become a patron by subscribing for $6/month.

WPD 683 • A JS function that makes tabs accessible • Interacting with local files more seamlessly • The CSS monochrome media feature

  • Posts

    • Loading web fonts with the Font Face Observer library, @………’s post
      • Note: It isn’t explicitly mentioned in the article, but your web fonts still need to be declared in your style sheets (using @font-face rules). Font Face Observer merely enables you to load them in the background (and notifies you when they’re ready), so that you don’t have to apply them on the page by default (which causes FOIT).
    • CSS Grid Layout - The auto-fill keyword and minmax() function, @………’s post w/ demo
      • By combining these two features, you can create a grid with “as many equal width, flexible sized columns as can fit inside the container”, e.g. repeat(auto-fill, minmax(100px, 1fr)).
  • Misc

    • @……… proposes allowing web apps to interact with local files more seamlessly, disc.
      • “…the FileSystem API is about sandboxed files owned by the browser. This proposal is meant to provide access to files on the device. […] Sites would only have access to files/directories that the user explicitly opened.”
  • Demos

    • A ready-to-use JavaScript function that makes tabs accessible, @………’s demo (disc.)

  • Other

    • The two types of custom elements: autonomous custom element, customized built-in element, commit
    • Safari supports the CSS monochrome media feature, disc. w/ demo

RSS feed

Use this feed as a reminder to visit every day

@openwebdaily

2–3 tweets/day (the best stuff from each release)

GitHub repo

Use this repo to submit issues with the site

Subscriber features

If you find this digest useful, consider supporting it with a $6 monthly subscription. As a patron, you will get full access to past releases, an ability to perform searches on the entire dataset (release notes w/ examples), and an option to receive releases via email.

Payment options

  • Automatic monthly payment

  • One-time payment (½ or 1 year)

Note: PayPal only. (Other providers are not available in my country.) If you don’t want to have your credit/debit card connected to PayPal, you can just disconnect it immediately after making an one-time payment.

Notable subscribers

  • Keeping up with the ever-changing web is hard. Web Platform Daily is one of my favorite ways to do that and my absolute favorite format: simple, distilled, curated, and reliable.

    Chris Coyier’s avatarChris Coyier, designer at CodePen, writer at CSS-Tricks

  • Web Platform Daily is a fantastic way to stay on top of the latest front-end techniques, tools and resources. Very, very valuable.

    Vitaly Friedman’s avatarVitaly Friedman, editor-in-chief of Smashing Magazine

  • Web Platform Daily has quickly become not only an essential resource, but the essential resource. Nowhere else will you keep pace with the changing frontend landscape.

    Paul Irish’s avatarPaul Irish, developer advocate at Google

Open Web Platform Daily Digest

released Mon–Fri at 7 a.m. UTC (Local time?)
curated by Šime Vidas (Twitter, Gmail)

152 supporters