The digest of fresh materials from the world of the frontend for the last week No. 351 (February 4 - 10, 2019)

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

    Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining

---

Media

• Web Standards podcast, Issue # 160: Translation of React documentation, layout articles, logical CSS, SVG filters, color fonts, useful tools.
• CSSSR Podcast, News 512 - Issue No. 37 (02.02 - 08.02)
• “I am Frontend ” - Recording conference broadcasts for front-end developers in the Yandex office
• SunFox - BurnoutJS - a track that will not leave indifferent JS developers

Web development

• Does the designer have a new idea? What could be simpler
• A-Frame review article
• What can be learned when developing an audio player for different browsers
• Play Store now accepts progressive web applications (PWA)
• How to quickly create a desktop application in HTML, CSS and JavaScript
• Where you are learning HTML and CSS in 2019?
• PWA on iOS 12.2 beta: good, bad and “not yet sure if good”

• Performance:
  • CSS and network performance
  • Google: PageSpeed ​​Insights may change regardless of changes to the site
  • Web rendering . Jason Miller and Addy Osmani article on the options and nuances of rendering in the browser and its optimization features
  • GTMetrix - How to use GTMetrix to analyze and increase site speed
  • How does page load time affect your site's revenue?
  • Making Google Fonts Faster
  

• Tools:
  • List of JavaScript developer tools
  • New features in Webpack 5
  • git-history: quick view of the history of any GitHub file
  

• Accessibility:
  • Please stop creating inaccessible forms (and how to fix them)
  • Returning to the abbr element
  • Links that go nowhere must be buttons
  • The “C” Is For Accessibility - Evangelina Ferreira report with Fronteers
  

• Animation:
  • SVG filters 101
  • Effects of SVG filters: outline text using feMorphology
  • Text distortion effect using Blotter.js
  • Compilation with inspiring sites # 1
  • Text bubble animation using SVG and Text Clipping
  

CSS

• Telegram again distributes money for developing simple CSS templates.
• New logical properties in CSS!
• Guide to CSS Support in browsers
• Using the little-known CSS element () function to create a mini navigation map
• Letters in pure CSS are a bad but funny idea
• Classic: how to create a beating heart in pure CSS for your valentine
• The only reason which your CSS does not work
• Create a modern carousel with CSS scroll snap, smooth scrolling and pinch-zoom
• Position: stuck; - and the way to fix it
• HTML slider without frameworks, just CSS

Javascript

• What's new in JavaScript ES2019
• New JavaScript features that will change the way you write Regex
• How to handle five common tasks for a JavaScript interview
• React vs. Vue (Todo App) on an example
• 7 JavaScript template engines with code examples
• Do we still need JavaScript frameworks?
• First thoughts on Deno, JavaScript / TypeScript
• Obfuscated javascript, fraudulent emails and American Express

• Practice:
  • Accurate estimate of the time to read articles on Medium in JavaScript
  • How to detect the sequence of keystrokes in JavaScript
  • Animate your numbers like Robinhood
  

• Theory:
  • Details about JavaScript objects
  • We deal with asynchrony in JavaScript [Translated by Sukhjinder Arora]
  • Work with time zones in JavaScript
  • How generators work in JavaScript.
  • JavaScript wizard: how are things with 'this'?
  

• React:
  

  The React team has launched a document translation campaign. Translators are invited who wish to do a Russian translation , in which Den Abramov also participates . In addition, the team maintains a translation of documents into the Ukrainian language . Translation progress in different languages ​​can be monitored on the Is React Translated Yet?

  
  • React & BEM - official collaboration. Part of the historical
  • Redux. Simple as a rake
  • React v16.8 release: the same one with hooks
  • How to load data into React using redux-thunk, redux-saga, susse, & hooks
  • How to start working with React Hooks: controlled forms
  • React as custom interface
  • Global state management in React without a boilerplate
  • Creating an online dashboard in React
  

• VueJS:
  • Release 2.6 the Vue
  • What do the hooks for the Vue
  • Performance Vue - Part 2
  • Vuethereum: Library Vue, which deserves Ethereum
  • New in the Vue: ES the Module Browser the Build
  • Application Performance Optimization Vue.js: Part 2 - Lazy loading routes and vendor bundle anti-pattern
  

• Angular:
  • The Need for Speed: non-routable modules with lazy loading in Angular
  • Plans for version 8.0 and Ivy
  • Unleash the power of forms using Angular's Reactive Forms
  • How to implement localization in Angular using i18n tools
  

• Libs & Plugins:
  • MiniSearch - A tiny but powerful full-text search engine for the browser and Node
  • uppy is an elegant, modular JavaScript file downloader that seamlessly integrates with any application.
  • timetable-fns: useful utilities for working with dates and times in schedules
  • x-spreadsheet: Excel tables in JavaScript
  

Browsers

• New in browsers: Firefox 66 blocks video and sound by default, Chromium limits page budget
• Firefox 67 expects a blocker of scripts for mining and hidden identification
• Firefox is developing a strict page isolation mode
• Microsoft asks to stop using Internet Explorer
• Opera added VPN in browser for Android
• Resource saving mode is implemented for Chrome
• Safari removes Do Not Track functionality
• Canary build of Chrome 74 for Windows 10 and macOS now switches to a dark theme itself, if enabled in the system settings

Entertaining

• Amazon Empire - a list of all divisions of the online giant
• How Salman Khan created the Khan Academy and received millions of dollars of investment
• Microsoft added blur for video calls to Skype
• Blockchain - the next step in the evolution of integrations
• Facebook - 15 years: here are 15 events that identified the future of the social network
• Facebook employees created a game that will allow you to check what kind of UI designer you are
• Hackers still use the point problem in Gmail addresses

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 .