The digest of fresh materials from the world of the frontend for the last week No. 320 (June 18 - 24, 2018)

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

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Podcast “Web Standards”, Issue # 126: How to listen to us, Web Animations API, variable fonts, Keyframes.app, ARIA: Hidden or None, poor placeholder, available React and image code.
• Podcast "Frontend Weekend" # 58 - Marina Miranovich about life in Los Angeles and working at EPAM
• Devschacht podcast: Night Frontend # 38 - Airbnb abandoned React Native
• Podcast "CSSSR": News 512 - Issue №11 (18.06 - 24.06)
• ALL YOUR HTML # 54: Flying in a tunnel
• SRI in Moscow 2018, 9 videos

Web development

• Can the 2018 PWA (Progressive Web Apps) sample compete with native applications?
• Vanishing frameworks
• Mozilla introduced A-Terrain, map data for web development.
• BEM for beginners: why do you need BEM
• New releases: ESLint v5.0.0 , Electron 3.0.0-beta.1 , V8 release v6.8 , Node v10.5.0 (Current) ,
• Analysis of problems fixed in the most popular frameworks on GitHub
• Jake Archibald: I discovered a browser error

• Performance:
  • “Performance” - Ivan Karev, Andrei Morozov, Mikhail Mokrushin, Andrei Roenko, Tamerlan Lokyaev on SRI 2018
  • Optimize site speed with Chrome DevTools
  • Improving the perception of download speed due to primitive art
  

• Instruments:
  • Meet Teleport: a tool for hot rebooting and debugging PWA️
  • How to use Visual Studio Code
  • Introduction to tronic - webpack with reasonable defaults
  • VS Code can do that ?! A selection of the best tips for Visual Studio Code, which no one took care to tell you
  

• Accessibility:
  • Do not use placeholder attribute
  • stylelint-a11y - Plugin for stylelint with a11y rules
  • WCAG 2.1 - Learning pointer gestures
  

• Animation:
  • Animated calligraphy with SVG
  • SVG Loader in the form of an animated drop
  • Voronoi Airports WebGL
  

CSS

• Variable fonts
• Don't just copy the @ font-face code from Google Fonts URLs
• keyframes.app - an easy way to create CSS animations
• About the tools that define "unused CSS"
• Centering in CSS: a new cool way vs. old cool way
• 8-Point Grid: Web Typography
• Using custom fonts with SVG tag Img
• CSS pseudo-elements and transformations: my favorite CSS tools
• CSS Optimization: ID selectors and other myths

Javascript

• ES6 JavaScript Object Literals
• Construction of async / await in JavaScript: strengths, pitfalls and features of use
• Commands for working with JavaScript-console in browsers and increase programmer productivity
• Quantum Mechanics of Calculations in JS
• Introduction to development through testing in JavaScript
• New release of ".getInstance": Iterators in JavaScript
• Using JavaScript modules on the web
• A quick and complete guide to types in TypeScript
• MobX 5: the saga continues ...
• Introduction to the Single Element Template
• Look ma without hands! Brain-driven JS - Charlie Gerard at JSConf EU 2018

• VueJS:
  • Vue.js - considerations and tricks
  • Using vue-template-loader with Vue.js to compile HTML templates
  • Writing abstract components in Vue.js
  • Zero to Deploy: Develop a documentation system using Vue and VuePress
  • vue-translations - multi-language support in your vuejs projects
  • Creating an RSS Viewer on Vue: Part 1 , Part 2
  • Vue.js: good, nothing, horrible
  • Instagram style gallery on Vue.js and CSS Grid
  • Top 21 Vue.js UI libraries for your applications
  

• React:
  • React Native in Airbnb . AirBnb avoids using React Native. Learn interesting development details for the past two years.
  • Set up React Hot Loader in 10 minutes
  • Github stars! == usage: React is still more common than Vue and Angular
  

• Angular:
  • Data Visualization with Angular and D3
  • Angular Components: Tips and Tricks
  • How to create dynamic components in Angular 6
  

Entertaining

• Mullenweg announced a roadmap for Gutenberg
• Learning to program with numbers
• Apple, Samsung and automakers approved the first version of the electronic key standard for cars
• Google, Lyft, Uber create a coalition to dispel fears about robots
• Seven games that teach programming
• What are VR, AR and mixed reality - sites, applications and articles that will help to understand
• Instagram has over 1 billion users. Social Network launches new IGTV service for vertical video up to an hour
• How Musk, Bezos, Branson, Zuckerberg, Brin, Gates and Thiel see the future
• “GitHub is a platform for great applications . ” From an amateur project to a deal with Microsoft: a history of a collaborative development service worth $ 7.5 billion
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 .