The digest of fresh materials from the world of the frontend for the last week №332 (September 24 - 30, 2018)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Frontend Weekend" # 72 - What has changed over the year with Darya Pushkarskaya (about career development, school frontend and performances)

• Podcast "Frontend Youth (18+)" # 66: We'd rather do something wrong than die

• Web Standards podcast, Release №140: A couple of new Safari products, semantics and TypeScript, developers at W3C, Redux is not needed, the new ES breaks everything, new arrows at JS

• Web Standards Podcast, Episode # 139: September 25th: Four interviews with CSS-Minsk-JS speakers: Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas

• Podcast "CSSSR", News 512 - Issue №23 (September 24 - September 30)

• Vadim Makeev's video blog 3. Lingualeo, divatosis and graphics in SVG and PNG

• Web Audio Conf 2018 | Berlin

Web development

• Why semantic HTML is important, and how TypeScript helps to understand this

• Command Line API (Console): Command Help

• The Fronteers community represented by Rachel Andrew has applied to participate in the W3C to represent the interests of the developers.

')

• Performance:
  
  • A complete guide to lazy loading images
  
  • Exact measurements of the layout on the web . How to measure site performance and how to use this information.
  
  • How to create a low-tech website? About creating a blog with a focus on drastic reduction in energy use associated with access to content.
  
  • Optimize SVG Spotify logo
  
  • Progressive JPEG and techniques for halving image loading
  
  

• Accessibility:
  
  • The WAI-ARIA menu, and why you should avoid using them altogether
  
  • How to start working with the availability of sites
  
  • Nested links
  
  

CSS

• The first (and strange) public draft of the CSS scrollbar module

• Now 2018: you should not write on vanilla CSS

• 13 vertical centering method in 2018

• How to use the animation inspector in Chrome Developer Tools

• Grid or Flexbox: what to choose?

• CSS Box Model Beginner's Guide

Javascript

• Node.js without node_modules

• Angular vs React: Battle for Frontend

• How to abandon jQuery in the modern frontend: the experience of the GitHub team

• TypeScript 3.1 announcement

• Javascript minimal setup

• 12 tips from scalable Node.js professionals

• turtleDB: framework for creating offline-first, collaborative applications

• 16 podcasts on JavaScript, continuing to go in 2018

• Jabber JavaScript podcast # 323: “You Learned JavaScript, Now What?” With Chris Heilmann

• Theory:
  
  • Understanding Timers in JavaScript. Callbacks, setTimeout, setInterval, and requestAnimationFrame
  
  • Goodbye, Redux . A complete analysis of why we needed Redux in the past, and why it is not needed in the future.
  
  • JavaScript typeof - an understanding of type checking in JavaScript
  
  • Sort things in V8
  
  • Migrating from Underscore to Lodash
  
  • Redefining javascript coverage
  
  

• VueJS:
  
  • Results VuePiterJS # 1
  
  • What's new in Vue Devtools 5.0 Beta
  
  • Evan You: Plans for the next iteration of Vue.js development
  
  • Tips for creating a quick and easy Vue.js SPA
  
  • Manage multiple central repositories with Vuex
  
  • zircleUI - front-end library for creating interfaces with an approximation effect
  
  

• React:
  
  • Routing in a large application on React
  
  • Reused Components in React - A Practical Guide
  
  • Last call for Create React App v2
  
  • 6 interesting projects on React that you can create today
  
  • Shhh! This is why ReasonReact is the best way to write on React.
  
  • Podcast React Podcast 22: "Promise Accessibility" with Ryan Florence
  
  

• Angular:
  
  • Angular and SEO: how to make friends?
  
  • Angular Flex-Layout: Flexbox and Grid Layout for Angular Components
  
  • Policy-based Client-Side Encryption in Angular
  
  • Comparison of server rendering in React and Angular applications
  
  • Angular Routing - the best template for large scale images.
  
  

• Libs & Plugins:
  
  • Trix - a full-fledged text-based editor for daily use.
  
  • Tabulator - simple customizable library for outputting tabular data
  
  

Browsers

• My favorite file in Chromium codebase

• Google Chrome 69 automatically enters the account and does not erase Google cookies when clearing the history

• Google will eliminate in Chrome 70 comments related to linking an account and deleting all cookies.

• Found a bug leading to a crash in Firefox or the entire computer

• Why do I finally quit Chrome: a security expert article

• In the Firefox browser, a one-time key system appeared to restore access to account data

• Safari's proposed search results promoted conspiracy theories, lies and misinformation

• qutebrowser is a keyboard browser with minimal GUI.

Entertaining

• Google turned 20 years old

• Stack Overflow - 10 years

• How to write date and time in interfaces

• Microsoft will stop supporting Skype Classic since November

• The Internet of Things is a new quality of life.

• Vulnerability in Facebook led to the seizure of control over 50 million user accounts.

• Google hid a text game in search results

• Basic principles for using animation in UX

Go

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

Digest from last week .

Material prepared dersmoll and alekskorovin .