The digest of fresh materials from the world of the frontend for the last week №367 (May 27 - June 2, 2019)

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 Web Standards , 177. Browser news, font-display, icon fonts, forms, accessibility
• Devschacht podcast # 81: HolyJS Piter 2019
• “Repozitorro” # 16 - From jQuery to React 1 step?
• RIT ++ 2019, the best reports of all seven conferences of the festival: day one , day two

Web development

• Static web: back to basics?
• How eBay did a barcode scanner on WebAssembly
• W3C and WHATWG: Is the Long-Awaited Peace?
• Getting started with GraphQL: it's pretty simple!
• How important are we? Christian Heilmann (Microsoft) talks about the role of the frontend in modern development
')

• Performance:
  • Cloudflare Image Resizing Announcement: Simplifying Optimum Image Delivery
  • Lighthouse is a plugin that helps measure the performance value of real users, and not in an emulated environment.
  • Your first performance budget with the Lighthouse
  • Self-Host for your static assets
  

• Tools:
  • 10 useful tips on the implementation of Pixel Perfect design in Front-end development (for example, working with the Sketch editor)
  • Entropic - the new distributed package registry for Node.js
  • Remote development in VS Code: your life will never be the same
  • What's new in DevTools (Chrome 76)
  

• Accessibility:
  • Difference between keyboard navigation and screen reader
  • Color Contrast Accessibility Measurement Tools
  • Fix 85% of web access problems with 5 easy steps.
  • Tabindex: use is rarely positive
  

CSS

• CSS Subgrid News
• Vertical and horizontal centering of everything and everything in the CSS Flexbox
• Utility-first CSS :: an incredibly fast interface development for almost any design
• Using the Grid Shepherd method to organize data with CSS
• Understanding CSS Variables
• Multiline underline text with rounded edges.
• xstyled - New way to stylize components
• Why do we prefer custom CSS properties instead of SASS variables
• CSS background-image property as an anti-pattern

Javascript

• API IntersectionObserver and lazy loading images
• Developing a game on Svelte 3
• SEO test: indexing javascript sites
• 9 questions for getting posts JavaScript Developer
• TypeScript 3.5 Announcement
• Why I still use jQuery in 2019
• The fastest way to render DOM

• Theory:
  • 5 ways to convert a value to a string in javascript
  • Functional JavaScript: five ways to calculate the average of an array reduce
  • Implementing Private Variables in JavaScript
  

• React:
  • State control with React Hooks - without Redux and Context API
  • LogRock: Testing through logging
  • API Request with React Hooks, HOC or Render Prop
  • Uibook - a tool for visual testing of React-components with media queries
  • How Fiber made React significantly faster
  • React 16 + Three.js, Integration Tips (2019)
  • Typing React (1) - Basics
  • zoom-level is a plugin that allows you to determine the zoom level of both the browser page and the individual element.
  • Returning null from setState to React 16
  

• Angular:
  • Get ready: Angular 8 is close
  • Angular, two-way binding
  • Angular Version 8 - smaller bundles, CLI API and ecosystem coordination
  • Angular & RxJS: Memory Leak Detection
  • Explore Angular CDK Portals
  

• Ember.js:
  • Ember.js: The Documentary (Russian version)
  • Ember 3.10 release
  • EmberData - Turning Disappointment into a Holiday
  • Dynamic Components in Ember
  

• VueJS:
  • Vue.js and SEO: how to optimize reactive sites for search engines and bots
  • How to create an extension for Chrome using Vue
  • Vue.js meets with bootstrap: a new Vootstrap project is introduced
  • Component Classes in Vue Rejected
  • tiptap: an extensible formatted text editor for Vue.js
  

• Libs & Plugins:
  • Introduced Zdog 1.0, a pseudo-3D Web engine using Canvas and SVG
  • atomico - A small library for creating interfaces based on web components, only using functions and hooks.
  • Scene.js - JavaScript & CSS Animation Library Based on Timeline
  • pickr: a simple and extensible library for adding a pipette with a choice of color, without jQuery dependencies
  

Browsers

• How to enable the dark theme in Chrome on Android
• Google continues to insist on restricting the API demanded by ad blockers.
• The wave of malicious add-ons in the Firefox directory hiding behind Adobe Flash
• Introduced Firefox Lockwise Password Manager
• Tor Browser - the first stable version of an anonymous browser for Android.
• In Google Chrome, you can now override geolocation to test sites
• Google forces Microsoft Edge Preview users to use Chrome to fully function YouTube
• Before Netscape: forgotten web browsers of the early 1990s

Entertaining

• From July, Google will index new sites by mobile version.
• Everything Google tracks about you - and how to stop it.
• Microsoft makes text-to-speech more accessible and, with Alphabet X, opens training courses in quantum computing.
• Weigh an elephant without weights: Reed Hoffman about interviews in Silicon Valley and the importance of learning
• Expert forecasts: best and worst case scenarios for the Huawei and US conflict
• Microsoft described the vision of the future of Windows: "invisible" background updates, cloud applications and 5G support
• Big cleaning: many modules will be removed from the standard Python library
• WP News: Launching the Gutenberg Block Kit on the Glitch
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 .
The material was prepared by dersmoll and alekskorovin .