The digest of fresh materials from the world of the front-end for the last week No. 384 (October 7 - 13, 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

Media

• Podcast “UnderJS Podcast” # 6 - Deoptimizing React inside V8, preventExtension smoker
• CSSSR Podcast: Argumentarium — Hooks, declaratives, and classes
• CSSSR Podcast: News 512 - Preact X, Next.js and Create Next App, GNU Riot and Friendship with China
• React Five-Minute Podcast - Reatom vs Redux
• ITBoroda: Everything about Node.js / From 0 to 2.5k dollars per year / Interview with Backend JS Developer
• FrontSpot Show # 13: Vitaliy Bobrov about moving to Poland and a world tour with JS reports.
• Repozitorro # 30 - Looks easy, so take a look under the hood
• Podcast Web Standards No. 196. Eva Ferreira and Ian Pouncey on chromakey, Argentina, a11y, SEO, HTML, ARIA
• Podcast Web Standards No. 197. FrontendConf, Web Components, AOM, ARIA challenges, browser support, dialogs and date pickers

Web development

• Interview with Pornhub Web Developer
• How can a simple <img> tag become a high risk for a business?
• Excessive Front-End Stack Variability: Essence and Reasons
• Link attributes nofollow, sponsored and ugc and their impact on SEO
• W3C celebrates its twenty-fifth anniversary
• Analysis of HTML usage on ~ 8 million pages (and what does this mean for modern SEO)
• Cascading cache invalidation
• A bit of practice with the HTML Dialog Element
• The difference between font formats
• Turn your website into PWA

• Performance
  • Optimizing JavaScript loading on Wikipedia
  • Time to first byte: what is it and why is it important
  • [Do not] use CDN
  • Images taken right: web graphics that are good to the last byte
  • Recipes for Testing SPA Performance in WebPageTest
  

• Availability
  • The Supreme Court awarded the victory to a blind man who sued Domino due to accessibility
  • Accessibility: Web links must be links, and web buttons must be buttons
  • What is ARIA? ARIA Beginner's Guide
  

• Effects
  • Creative Sites Inspirational Websites Roundup # 9
  • legendary-cursor - creative cursor on WebGL
  • Creating a Water Distortion Effect with Three.js
  

CSS

• Sass MediaScreen - Defining CSS Devices
• Modern CSS style reset
• Extract critical CSS
• Presentation of modules in Sass
• Sass: modular system launched
• Clipping, Clipping, and More Clipping! Examples of creative use of the clip-path property
• Templates for Practical Use of Custom CSS Properties
• CSS and circles
• A Guide to New and Experimental CSS Tools in Firefox DevTools
• Can we style the select element, please ?!
• Toucaan - Rethinking CSS Framework
• New powerful CSS for styling markers, numbers and markers in lists

Javascript

• TypeScript Power never
• 12 ES10 features in 12 simple examples
• What is better to choose in 2020 - React or Vue?
• How to work with localStorage in JavaScript
• How to identify an ad blocker
• Creating a face recognition application in JavaScript that works like in movies
• Javascript Style Guide for the Bagel Game
• JavaScript Naming Conventions

• Theory
  • JavaScript Inheritance from the Point of View of a Bored Nerd: Constructors Factory
  • High level await
  • Understanding This, Bind, Call, and Apply in JavaScript
  • When to use Map instead of a simple JavaScript object
  • JavaScript Promises: Zero to Hero, plus a cheat sheet
  • Complete Guide to Using Arrays in JavaScript
  • Javascript Ellipse Story
  

• React
  • Meet the Create Next App
  • Part 1: React interview questions
  • Complete Authentication Guide for Next.js with Auth0
  • How to implement Idle Timeout in React
  • Using JSX for your own lightweight declarative UI library
  

• Vue
  • 10 tips and tricks to help you become the best developer on VueJS
  • MSK VUE.JS meetup # 3 at Mail.ru Group: materials from mitap
  • Creating a Vue.js Component Library as a Module (Part 1)
  • Instant Search with Vue.js and Axios
  • Vue-Next and why Map solves a big problem
  • How to fumble Vue components between applications
  • Separating Vue.js components from the Vuex Store
  • Managing SVG Images in Vue.js Applications
  • Vue3: First Look
  • Build a real-time polling app using Vue and Socket.io
  

• Angular
  • Interaction between Angular components using RxJS
  • What's under the hood of Angular 8?
  • Migrating to Angular 8 from TSLint to ESLint
  • Request tracking in Angular application with child module injectors without delayed loading
  

• Ember
  • Ember-engines: what, what not and why? - part 1
  • About {{mut}} and two-way binding
  • Promises and UI states in Ember.js
  • Ember and GraphQL: A Quick Example
  

• Libs & plugins
  • roughViz - JS library for creating sketch-styled / hand-drawn diagrams in a browser
  • is-website-vulnerable - finds well-known vulnerabilities in JavaScript libraries on the site
  • How to make JavaScript localization using jQuery.i18n
  

Browsers

• Chrome will completely block mixed content
• 10 little-known features of the Chrome Developer Tools
• Firefox added support for working in kiosk mode
• Firefox code completely relieved of XBL
• Google added helper features for blind and partially sighted users in Chrome and Maps
• Chrome Web Store has blocked the publication of the update uBlock Origin

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