Šime posts common content material for net builders on webplatform.news.

Google posts tips for outlining favicons

Jamie Leach: Google Search now shows favicons in search outcomes on cell. Your favicon needs to be a a number of of 48×48 (Google will re-scale it to 16×16 to be used in search outcomes). If a web site doesn’t have a favicon or Google deems the favicon inappropriate, a generic globe icon will likely be displayed as a substitute.

Your favicon needs to be a visible illustration of your web site’s model, as a way to assist customers shortly determine your web site after they scan by means of search outcomes.

High web sites are surprisingly inconsistent in the best way they declare icons (by way of <hyperlink> parts within the web page’s head). Twitter and Pinterest, two comparatively fashionable progressive net apps, present icons in two sizes.

<!-- instance -->
 <hyperlink rel="icon" href="http://css-tricks.com/icon-32x32.png">
 <hyperlink rel="apple-touch-icon" href="http://css-tricks.com/icon-192x192.png">

The Paciello Group releases ARC Toolkit

The Paciello Group: ARC Toolkit, our professional-level accessibility testing device, is now accessible as a Chrome DevTools extension. This device detects points associated to the WCAG 2.1 guidelines. You possibly can run the check on your entire web page or simply the node chosen within the DevTools Components panel.

Bear in mind, automated accessibility instruments are solely capable of finding some accessibility points, and guide testing is critical to make sure full accessibility. Lighthouse (by way of the Audits panel) suggests guide checks after performing an accessibility audit.

Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac 1

Different information

  • Jeff Jaffe: W3C and WHATWG have reached an settlement to collaborate on the event of HTML. “W3C shall encourage the neighborhood … to contribute on to the WHATWG HTML and DOM repositories; elevating points, proposing options, commenting on proposed options, and indicating help or in any other case for proposals.”
  • Paul Calvano: “There’s a vital hole within the first- vs. third-party useful resource age of CSS and net fonts. 95% of first-party fonts are older than one week in comparison with 50% of third-party fonts … This makes a powerful case for self-hosting net fonts!”
  • Rachel Andrew: The CSS subgrid worth is a comparatively simple addition to grid structure. For instance, you probably have nested grids, and also you apply grid-template-rows: subgrid to the kid grid, then this grid will use the row tracks of the dad or mum grid as a substitute of making its personal row tracks. That’s all there may be to it. (This function is at the moment solely supported in Firefox Nightly.)
  • GitHub Blog: GitHub can now generate automated safety fixes on your dependencies with identified safety vulnerabilities. On GitHub’s web site, verify your repository’s Safety tab for safety alerts. In the event you open an alert and press the “Create automated safety repair” button, GitHub will create an automatic pull request that fixes the safety vulnerability.
  • Rick Viscomi: HTTP Archive plans to launch the primary annual Internet Almanac in November, a report of the state of the online with fascinating insights written by totally different specialists. About 50 volunteers from the online neighborhood are at the moment engaged on it, and they’re on the lookout for extra contributors.