Digest of fresh materials from the frontend world for the last week # 474 (June 21 - 27, 2021)

We bring to your attention a selection with links to new materials from the frontend area and around it.









Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers







Media



β€’ podcast Goose & Duck # 2 - Intermediate sorsmaps with Valentin Semirulnik

β€’ podcast News 512 from CSSSR: Import Assertions, streams in Node.js, web and memory consumption, voice interfaces, Rust 1.53

β€’ podcast Podcast "Web Standards" # 287. Chrome accelerates frameworks, Astro and 11ty, keyboard, NJS, React 18 and Suspense, TeamCity and YAML





Web development



β€’ habr What you can put in the <head> tag

β€’ ru webpack or esbuild: why not both?

β€’ ru State of WebAssembly in 2021

β€’ ru On the road to better responsiveness metric

β€’ ru OMG, SVG Favicons FTW!

β€’ ru Indiepen - An independent and secure solution for demonstrating code examples.

β€’ ru Experimental inline-to-menu-link animation

β€’ ru Technical details of MS Teams 2.0: ditch Electron in favor of Edge Webview2, migration from Angular to reactjs



CSS



β€’ The habr Complete Visual Guide / Cheat Sheet for CSS Grid

β€’ ru Simple CSS Hack to Reduce Page Load Time

β€’ ru CSS Custom Properties - Warm Up for the Brain

β€’ ru Using Next Generation Productive Images in CSS with image-set

β€’ ru Using CSS for Accessibility

β€’ ru Generating Grid Layout Structures with using a quad tree

β€’ ru CSS @supports rules for targeting Firefox / Safari / Chromium only

β€’ ru Custom scrollbars in CSS

β€’ ru Ancestor font size inheritance for fun and profit

β€’ ru Drawing graphics with the CSS Paint API

β€’ ru How to create CSS diagrams with interesting shapes, symbols and emoji

β€’ ru 22 CSS tricks that will make you a Layout Ninja



JavaScript



β€’ habr When code is data

β€’ habr zx - bash scripts in javascript

β€’ habr New JavaScript APIs for working with hardware

β€’ Magic outside of Hogwarts: NJS

β€’ ru What's new in ES2021

β€’ ru JavaScript parsing : tools and libraries

β€’ ru How JavaScript works: high-performance code + 8 optimization tips

β€’ ru Top 5 built-in databases for JavaScript applications

β€’ Comparison of Flutter and React Native. What's the best framework in 2021?







  • Angular

    β€’ habr Bindon: Angular

    β€’ ru Angular 12

    β€’ ru Angular, Loading Time



  • Svelte

    β€’ ru Custom Elements Svelte





β€’ End of support for third-party cookies in Chrome postponed until 2023

β€’ ru Windows 11 removes Internet Explorer



Digest for the last week .

Material prepared dersmoll and alekskorovin .



All Articles