The digest of fresh materials from the world of the front-end for the last week No. 417 (May 25 - 31, 2020)

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     |    Entertaining     |    

Media

• Podcast “Five Minutes React”: ReasonML in 2020
• UnderJS Podcast # 22 - GitLab, GraphQL, Vue3 with Natalia Teplukhina [Lamp]
• CSSSR podcast “Argumentarium”: Svelte and the Big Three JS frameworks
• Pro Conf # 64: ReactEurope 2020 - Facebook Redux Replacement | Fast Gatsby | React Native for Web | Next.js
• Links to all slides and videos from ngVikings 2020
• Jamstack conf virtual 2020

Web development

• Why does the EU eradicate cookie walls
• How to secure your website?
• Typography for the web
• The latest issue of Increment magazine, dedicated to the frontend. Topical articles from industry stars - Chris Coyer, Lea Verou, Evan You and others
• Adaptive HTML image syntax guide
• The biggest scandals with NPM
• Wake Lock API usage example: 300% increase in purchase intent indicators on BettyCrocker.com
• htmx - powerful HTML tools to access AJAX, WebSockets and Server Sent Events directly in HTML using attributes
• Responsive web design is ten years old.
• # 20 HTMHell special: close buttons. Patterns and antipatterns of closing buttons implementation
• Use of structured data to improve search engine optimization

• Tools
  • Putout: a new generation linter
  • Local testing on iPhone
  • Familiarity with developer tools in Chrome and Firefox
  • Convert basic gulpfile.js v3 to gulpfile version v4
  

• Performance
  • 10 Ways to Improve Page Speed
  • Prevent Layout and Flash of Invisible Text (FOIT) Offset by Preloading Additional Fonts
  • Core Web Vitals Measurement Tools
  

CSS

• Question to the expert: why is CSS so ... what is it?
• CSS Variables User Guide
• Tailblocks - ready-to-use CSS blocks for Tailwind
• About fixed elements and backgrounds
• First look at the aspect-ratio
• Here's what I didn't know about “content”
• The expanding color gamut on the web
• Creating additional gradients using CSS filters
• CLI tool for creating CSS Grid layouts

Javascript

• ES2020 innovations that I really like
• About the daily improvement of the JavaScript programmer
• The effect of realistic page turning on JS
• What is Deno and will it replace Node.js?
• A look at JavaScript from the side
• 5 main reasons why Javascript developers prefer Deno over Node
• Basic web scraping of web pages using JavaScript with Node.js + Puppeteer
• ECMAScript 4: missing version

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• How Microsoft makes Edge a better browser for PWA
• Browsers are not rendering engines
• Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and much more
• Chrome 84 will turn on protection from annoying notifications by default

Entertaining

• Microsoft is developing a new open winget package manager
• Depreciation of the AddTrust root certificate crashed on systems with OpenSSL and GnuTLS
• The most crawled site on the Internet (see for yourself by opening the console)
• Fun fact: Dragon 2 control interface works on Chromium and JavaScript
• Stackoverflow Developer Survey 2020: annual developer survey

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week digest .
Material prepared dersmoll and alekskorovin .