The digest of fresh materials from the world of the front-end for the last week No. 383 (October 1 - 6, 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: News 512 - Hacktoberfets, Vue Directives, TypeScript 3.7 Beta, and PostgreSQL 12

• Devshahta Podcast # 96: Goals, Private Fields and the New Node.js

• Devshahty Podcast # 97: LongestJS, TC39 Panel, HolyJS workshops and light workshops

• Frontend Youth (18+) # 110: Compiling the Shavarma

• Repozitorro # 29 - A frequent mistake by beginners

Web development

• “Alice, let's go to the front end!”

• Text rendering hates you

• Web Content Management Evolution

• Instruments
  
  • How to open up an npm package with a normal deployment, CI and demo (without loss of joy in life)
  
  • Things You May Not Know About Chrome DevTools
  
  • WebHint in Firefox DevTools: Improved Compatibility, Availability, and More
  
  

• Performance
  
  • Acceleration instagram.com. Part 2
  
  • Image Optimization for the Web - A Detailed Guide
  
  

• Availability
  
  • Good font
  
  • Inclusive components: tabbed interfaces
  
  • Endless Scrolling and Role = Accessibility Issues
  
  • Sara Suidan on Applied Accessibility: Practical Tips for Creating More Accessible Interfaces (SmashingConf Feiburg 2019)
  
  

CSS

• Don't Complicate Scalable CSS

• Modern CSS Reset

• Feeling Sassy Again. Cloudfour blog post about how they thought about returning to Sass after 4 years of using PostCSS

• Creating a Scrapbook Layout Using CSS Grid

• Design editor templates using CSS Grid and Named Columns

• Create a slide show with CSS Scroll Snapping

• Why is CSS so weird?

• Many ways to link shapes and images with HTML and CSS

• Interesting layouts with CSS Grid

• Trying to figure out CSS support in Gmail (as of 2019)

Javascript

• Create PWA Using Vanilla JavaScript

• Do not use JavaScript variables without understanding the temporary dead zone

• RE: Pain and Tears in Svelte 3

• JavaScript code execution through import ()

• Releases
  
  • TensorFlow 2.0 released with redesigned APIs and improved performance
  
  • TensorFlow 2.0 is now available!
  
  • Preact X - new version of preact with Virtuous DOM and Fragments of Suspense
  
  • Nuxt v2.10.0 release
  
  • TypeScript 3.7 Beta Announcement
  
  • Be updated! Node.js 8 is not supported since 2020
  
  

• Theory
  
  • A note on void in JavaScript and TypeScript
  
  • Two exceptional use cases for the spread operator that you may not be aware of
  
  • Higher-order functions and their use in javascript
  
  • Details on the filter () method in JavaScript
  
  • Why do I prefer objects over switch statements
  
  • JavaScript Map, Reduce, and Filter - explanation with examples
  
  • How to check a number in JavaScript
  
  

• React
  
  • Framer React Guide
  
  • Minimalist state management (React)
  
  • Animations Using React Hooks and GreenSock
  
  • Boost React + Redux Application Performance with Reselect Library
  
  • New features in React 16.9.0
  
  • Demonstrating Reactable React Components in Forms
  
  • React VS Vue: what to choose for 2020?
  
  • I created exactly the same application on React and Vue. Here are the differences. [2019 version]
  
  • Create-react-app v3.2.0 release
  
  

• Vue
  
  • 15 required Vue directives that will significantly increase your productivity
  
  • vue-next (Vue 3 Pre-Alpha): developers have achieved most of the architectural goals and new features planned for v3
  
  • Vue 3 - a review of the available information on the new version of Vue.js
  
  • How to improve vuex store performance
  
  • Creating a Vue Class Based Web Application with Firebase Authentication
  
  • Unit testing in Vue: what to test?
  
  • How to make a calendar application using Vue
  
  • 10x faster Nuxt builds on Netlify
  
  

• Angular
  
  • My year of refactoring a large-scale project on AngularJS ...
  
  • Animating UI Elements in Angular # 1 , # 2
  
  • Angular - All reports since AngularConnect 2019
  
  

• Ember
  
  • Dependency injection system in Ember.js
  
  • Animated Chess Pieces with ember-animated
  
  • “The evolution of Ember.js at Intercom”, - Gavin Joyce at JSDayIE 2019
  
  • EmberCamp Chicago 2019
  
  

• Libs & plugins
  
  • Story about solving the performance problem Moment.js
  
  • timequeue.js - A queue with custom concurrency and a time limit.
  
  • Moveable is Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable
  
  

Browsers

• Google Chrome will block all mixed content

• In the nightly builds of Firefox, a modernized design of the address bar is proposed

• Total HTTP boycott. Google Chrome will soon soon block all “mixed” content by default

Entertaining

• Google: An HTML site map is not needed in terms of SEO

• Google: H1 headings are useful but not critical

• Mozilla wins Net Neutrality lawsuit

• Satya Nadella: Windows is no longer an important area for us

• Why Windows is no longer Microsoft's priority. The Verge Analysis

• WSJ: Visa, Mastercard and other companies thought about quitting the Libra cryptocurrency project from Facebook

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 by dersmoll and alekskorovin .