The digest of fresh materials from the world of the front-end for the last week No. 380 (September 8 - 15, 2019)

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

• CSSSR Podcast: 512 News — WSL 2, Webpack 5 Alpha, V8 Lite, REST, and Fare

• Web Standards podcast, No. 192. Firefox 69, performance, File API, anchors, Chatix chat and screen translation

• Podcast “Frontend Youth (18+)”: # 107 Secret Desires of Richard Stallman Pro Unlimited

• Podcast “The Art Of Programming” - No. 197 Frontend in Action

• Make Me Beautiful Podcast, Issue No. 24 - Reactgate, 7 Truths and Largest Contentful Paint

• 15 videos from ComponentsConf 2019 Australia

• FrontSpot Show # 11: Anya Selezneva about girls in IT, hugs and diversities.

Web development

• Modern frontend architecture

• 5G will definitely make the web slower, probably

• (Why) Some HTML constructs are “optional”

• How to Contribute to Open Source Projects

• X3D: declarative 3D for the modern Internet

• Instruments
  
  • Meet caniemail.com - an online service where you can see HTML and CSS support for various email clients
  
  • Caniuse and MDN Announce Collaboration and Data Sharing
  
  • We port JavaScript development in Bash on Windows
  
  • My favorite browser extensions for web development
  
  

• Availability
  
  • Why does your application need accessibility
  
  • Button Contrast Checker - an online tool for automatically checking button contrast
  
  

• Spectacular web
  
  • A selection of creative demos "Awesome Demos Roundup # 8"
  
  • Inspirational Websites Roundup # 8 Inspirational Websites
  
  

CSS

• CSS variables and color theme for the site in several lines

• Fast, convenient, adaptive menu for 1075 categories (36000 products)

• How to create unique, beautiful websites with Tailwind CSS

• CSS vulnerabilities

• Transparent hover buttons with hover effect

• “Two browsers enter the scroll bar.” Zach Leatherman on the behavior and possibilities of customizing scrollbars

• Logical operations with CSS variables

• How to remove unused CSS

• CSS Grid: A Selection of Typical Magazine Layouts

Javascript

• A quick introduction to Svelte from an Angular developer perspective

• Using JavaScript Modules in Production: The State of the Art: Part 1 , Part 2

• First acquaintance with ReasonML

• How to find errors in JavaScript code using Debugger

• JavaScript metronomes

• Practical Guide on Monitoring Browser Errors with window.onerror

• Machine learning for front-end developers with Tensorflow.js

• Lighter V8. About memory optimization techniques that were used when working on V8 Lite

• How do I debug Javascript code that I did not write

• ECMAScript-new-features-list - a complete list of new ES features, including ES6, ES7, ES8, ES9 and ES10 (2015-2019)

• The most outstanding new feature in Javascript that you should know about: Optional Chaining

• Theory
  
  • 5 things most new to JavaScript don't understand
  
  • We use tricks from functional programming to improve our JavaScript code
  
  • How JavaScript Works
  
  • Copying objects in JavaScript
  
  • Another JS Tutorial
  
  • 4 Ways to Securely Access Nested Objects in Vanilla Javascript
  
  • Reintroducing Destructuring
  
  • There is nothing wrong with emoji .length == 7
  
  

• React
  
  • Three Common Security Mistakes Every React Developer Should Know About
  
  • Development of automated tests for React
  
  • Creating a Side Hamburger Menu with React Hooks and Styled Components
  
  • Why we switched to React Hooks
  
  • React Dev Tools - Ninja-style Debugging
  
  

• Vue
  
  • Web application on Kotlin + Spring Boot + Vue.js
  
  • Passing configuration to Vue.js
  
  • Dependency injection using Vue.js
  
  • Creating an Application Using Styled Components in Vue.js
  
  • Some useful tricks for Vue.js
  
  • Why are Vujes so cool?
  
  • How to test applications on Vue using the Cypress framework
  
  • «Vue 3 | Looking into the Vueture: Composition Functions. " Report by Natalia Teplukhina at ComponentsConf 2019
  
  • JSFoo: VueDay 2019
  
  

• Angular
  
  • How to create search engine friendly internationalized web applications with Angular Universal and ngx-translate
  
  • Adding internationalization (i18n) to an Angular app
  
  • Setting up an Angular CLI project using GraphQL
  
  • What's New After Angular 8
  
  

• Libs & plugins
  
  • css-dot-js-loader - Webpack loader that allows you to generate static CSS using JavaScript
  
  • check-imports - a CLI tool that parses imports and automatically adds dependencies to package.json, removing unnecessary ones
  
  • How to add black theme support in one line
  
  • Google Added Official Native Lazyload Plugin to Wordpress
  
  • js-fire - library for automatically creating CLI from most js objects
  
  • poetic: Quickly configure ESLint, Prettier and Airbnb in one line
  
  • js-noisy-gradient - a small library for smoothing visible borders in gradients
  
  

Browsers

• Chrome 77 learned to forward tabs from one device to another

• Chrome 77 breaks login pages for Netgear devices

• In Chrome 78, experiments will begin with the inclusion of DNS-over-HTTPS

• Vivaldi browser released on the Android platform

• Mozilla launches Firefox Private Network as a browser extension

news

• US court fully legalized website scraping and technically prohibited it

• Google has changed the rules for nofollow links

• Yoast: Google did not have to single-handedly change the rel = nofollow processing approach

• WordPress will add support for the new rel = ugc attribute in the next release

• Comparison of network driver performance in options in 10 programming languages

• Google changes the algorithms for ranking news in the search, priority is given to the original sources of original content

• Google began taking action on leased subdomains

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's digest .

Material prepared by dersmoll and alekskorovin .