DEV Community

loading...

Weekly Web Platform News #4

Šime Vidas
・2 min read

This is a selection of news items that have been published on https://webplatform.news between March 13 and March 27.


Axel Rauschmayer: You can get access to the current index in a for-of loop by iterating over the array’s entries instead (via the standard entries method).

// Before:
for (const elem of arr) {
  // ...
}

// After:
for (const [i, elem] of arr.entries()) {
  // ...
}

Richard Rutter: Automatic hyphenation via the CSS hyphens: auto declaration is widely supported (except in Chrome on Windows) but only Safari and Edge provide additional properties for adjusting hyphenation.

p {
  /* Set the minimum number of characters before/after the hyphen */
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -ms-hyphenate-limit-chars: auto 3;
}

Note: Automatic hyphenation was enabled on Web Platform News before, but I removed it because Chrome and Firefox would sometimes hyphenate words after just two characters, which I think made the text harder to read.


Yulia Startsev: TC39’s new website (tc39.github.io) highlights the (currently) nine JavaScript proposals that are close to completion (Stage 3) and require feedback from implementers and users.


Brian Birtles: There are a number of different CSS properties and values that will create a new stacking context but the isolation: isolate declaration is intended solely for this purpose.

For CSS, setting isolation to isolate will turn the element into a stacking context.

Note: This feature is not supported in IE and Edge.


Stéphanie Walter: If your chosen foreground and background colors don’t have sufficient contrast, you can use the Tanaguru Contrast-Finder online tool to find alternative foreground or background colors that meet WCAG’s contrast requirements (Success Criterion 1.4.3).

Tanaguru Contrast-Finder

Note: I recommend using Lighthouse (the Audits panel in Chrome DevTools) to find text with insufficient contrast on your page.


Visit https://webplatform.news for the latest web development news.

Discussion (0)