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 .