Digest of fresh materials from the world of the frontend for the last two weeks №323 (July 8 - 22, 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 "Web Standards", Issue # 130: Inconvenient classes and any JS, manifesto on the fly, grids with errors, poor landing of a good SRI , Issue # 129: Virus in npm, why Feature Policy, case in Atom, dead code, separation responsibility arrow or finger
• Podcast "Frontend Weekend": # 62 - Andrei Sitnik about moving to New York, traveling and porn on Twitter , # 61 - Andrei Melikhov about working at Yandex.Money, Night frontier and seizing power in devSchacht
• Devshakhta / Night Front End podcast: # 42 - CI / CD Automation , # 41 - In search of a good code review
• Podcast "Frontend Youth (18+)" # 56 Toxic community
• The podcast "CSSSR" News 512 - Issue №15 (July 16 - July 22)

Web development

• What a web developer should remember to do everything on SEO
• Extensions for Visual Studio Code, which will take the development process to a new level
• Web components in 2018
• Holy Grail of Reusable Components: Custom Elements, Shadow DOM and NPM
• Details on creating a Google Photos web interface
• Anatomy of malicious scripts: how a website can take over your browser
• Team Accessibility - A quick guide on how to integrate accessibility and inclusion practices into the development of your team.
• The future of WebAssembly - a look at the planned functionality and proposals
• SVG Animation with SVGator
')

• Performance:
  • Measuring performance with Google's RAIL model, goals and guidelines for creating quick pages (updated 2018)
  • Creating a performance culture in your team
  • What are Service Workers and how can they improve performance?
  • How image optimization reduced page weight by 62%
  • Front end performance checklist
  

• PWA / AMP:
  • PWACompat: Web App Manifest for all browsers
  • Pinterest: PWA retrospective for the year
  • Tracking the development of AMP in a new dashboard AMP Roadmap with filters and categories
  • PWA for WordPress , official plugin
  

CSS

• From right to left. How to turn the site interface under RTL
• CSS Paint API
• CSS: a new kind of JavaScript
• CSS Grid Chemistry
• The complete illustrated Flexbox tutorial
• 9 biggest mistakes with CSS Grid
• DSS - the final release of the first beta of Deterministic Style Sheets, a CSS analogue of modules with automatic compilation into atomic CSS classes for small bundles
• Strange things that variable fonts can do
• How to fix CSS layouts problems?
• Useful things you can do with CSS pointer pointer
• Should I use the IE version of the Grid Layout in 2018?
• I tried functional CSS and it sucks
• How to become better at writing CSS

Javascript

• Comparison of JS frameworks: React, Vue and Hyperapp , Re: “Comparison of JS frameworks: React, Vue and Hyperapp”
• JavaScript ES6: weaknesses
• JavaScript Metaprogramming
• 15 HTML methods of elements that you have probably never heard of
• Fullstack JS Developer Competency Matrix
• Introduction to JavaScript MutationObserver API
• Javascript ES6 - in fact, you do not need to study generators
• TypeScript 3.0 RC Announcement

• VueJS:
  • How to create Vue-components, like a pro
  • Vue-UI - first look
  • Love letter to Vue
  • Free course to learn Vue.js
  • Creating a “Renderless” Vue Component
  • The best explanation for JS reactivity
  

• React:
  • Path to learning React . Your journey to learn the usual, but pragmatic React. Translation of a popular book into Russian
  • JavaScript basics before learning React
  • Styling React Components
  • Simple creation of complex UI animations in React
  • How fast can you learn React?
  

• Angular:
  • What's new in Akita for Angular: we have added the most requested features
  • Improving the performance of Angular applications using Local Change Detection
  • You do not know Angular - Guide to Angular Projection
  

• Libs & Plugins:
  • How to create a modern control panel on NVD3.js
  • coolHue - a tool for selecting gradients and creating your own palettes
  • draxt - NodeList-like / jQuery-like package for File System (node.js)
  • Popbox.js is a small plugin for creating layered modal windows. Plugin without dependencies and fully customizable
  • Pushbar.js is a small plugin for creating exit panels in web applications.
  

Browsers

• WebRender has been added to the nightly builds of Firefox, using a GPU to render web pages.
• As part of the Browsh project, a console browser based on Firefox is being developed.
• The formation of the Firefox ASan builds began to identify problems when working with memory
• Three new handy features in Chrome DevTools

Entertaining

• So much knowledge, so little time.
• Be a multidisciplinary specialist, but advertise yourself as a specialist in one area
• The speed of Linux on Windows 10 . Ode to bash terminal in Windows Subsystem for Linux.
• 6 approaches to prioritize tasks. Experience Readdle, MacPaw, Grammarly and EduNav
• Google, Microsoft, Twitter, and Facebook have launched a data portability project.
• Malware that copies authentication parameters is embedded in the popular NPM module
• Algorithms save people: how the matching algorithm saves lives
• Intel spoke about its 10 major achievements over 50 years.
• Check Point presented an overview of cyber threats for the first half of 2018: a double increase in crypto miners and a change in the vector of cloud attacks
• AMD, Microsoft, NVIDIA, Oculus and Valve are developing a VirtualLink standard that will allow you to connect VR helmets to a PC using a single USB-C cable
• Dark pattern: how web services make users err in their actions
• How the blind uses the iPhone, MacBook and Apple Watch
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 last week
Material prepared by dersmoll and alekskorovin