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 .