The digest of fresh materials from the world of the frontend for the last week №321 (June 25 - July 1, 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 No. 127: Reports on BeerJS, graphics on the Internet, fonts in SVG, disappearing frameworks, modules ES2015 +, you don’t click, why CSS is.
• Podcast "Frontend Weekend" # 59 - Dmitry Manannikov about the history of moving to Denmark, creating a startup in Chile and BreakfastJS
• Devschacht Podcast: Night Front End # 39 - Bloody Enterprise vs Startup Atmosphere
• Podcast "Frontend Youth (18+)" # 54 Want quickness - write on the pros
• Podcast "CSSSR", News 512 - Issue №12 ( June 25 - July 1)
• "ALL YOUR HTML" # 55: "Catalog of streams on Vue.js + Nuxt"
• Dev.Tube - the best video aggregator for developers.
• Conference DUMP-2018: video of all reports and presentations
• YGLF 2018 Kyiv , all conference videos

Web development

• 11 best English language resources for web designers
• How WebAssembly Accelerates Future Web Development
• How to make your web applications mobile friendly
• Web caching explained by the process of buying milk in the supermarket
• Release Foundation 6.5.0 (RC 1) with lots of bug fixes and improvements.

• Performance:
  • Google PageSpeed ​​Insights has data on the download speed of the entire site.
  • The State of the Web: Top Image Optimization Strategies
  • Improving page loading performance: Pingdom, YSlow and GTmetrix
  • RAIL Performance Methodology Overview
  

• Tools:
  • Yarn package manager - instructions for use
  • lepto - automation of editing, optimizing and analyzing images using the CLI and the web interface
  

• Accessibility:
  • Providing fast site operation as part of the development pipeline
  • "Accessibility of interfaces" - Dmitry Batogov on SRI
  • Accessibility Inspector in Firefox Developer Tools
  • Creating accessible interfaces is easy
  

• Effects:
  • Creative menu created within the CodePen Challenge
  • Slider with three panels and transition animations
  • Rabbit Ear is a library for creative origami creation.
  • tenori-off.glitch.me - music sequencer on JavaScript from Monica Dinculescu. Machine learning is used for drum picking.
  

CSS

• Steady, declarative, contextual (new look at the strengths of CSS)
• How I got rid of 250 KB of dead CSS using PurgeCSS
• Drawing images using CSS gradients
• Pixels vs. Ems: Users DO Change Font Size
• How and why we conduct unit testing to our Sass
• Where is CSS4? When will it come out?
• How to quickly prototype applications using CSS Grid and CSS variables
• What is the unit of 'ch' in CSS?
• CSS Grid Guide for Dummies

Javascript

• The history of React Native in Airbnb. Gabriel Peal, translated by Andrei Melikhov: Part 1: React Native in Airbnb , Part 2: Technology , Part 3: Creating a cross-platform mobile team , Part 4: Making a decision on React Native , Part 5: What's next with mobile development
• New release of ".getInstance": Map & WeakMap
• Practical introduction to ES2017 Async-Await
• Create AR / VR with Javascript and HTML
• Using JavaScript in industries
• New book: a full-stack web development on JavaScript — from A to Z

• Theory:
  • How JS works: classes and inheritance, Babil and TypeScript transpiling
  • JavaScript for Designers - structured synopsis of information fragments, created by Mikhail Koloskov in the process of studying JS
  • Minimum ECMAScript Decorators Guide
  • Classes and Interfaces in TypeScript
  • Learn these basic JavaScript concepts in just a few minutes.
  • Can he mutate? A list of 30 methods for working with arrays in JavaScript with a mark, whether they mutate the existing array or return a new one.
  • Cool ES6 Stuff - Big Fat Arrow
  

• React:
  • New React context or life without pain and boilerplate
  • Lition, written in React.js
  • Creating a static blog with Gatsby, CosmicJS and React
  • How to use Error Boundaries in React 16
  • We combine React, D3 and their ecosystems
  • New features and fixes that we received with the latest release of React
  

• VueJS:
  • How to write Vue components that interact well
  • Vue + TypeScript: combination in your code editor
  • Dynamic Component Templates with Vue.js
  

• Angular:
  • Top 5 Angular courses in 2018
  • Angular Tips and Tricks
  • Architecture of huge enterprise projects on Angular
  

• Libs & Plugins:
  • gio.js - JS library for creating three-dimensional infographics in the form of a globe, using Three.js
  • face-api.js - JavaScript API for face recognition in the browser using tensorflow.js
  • docz - documenting has never been easier
  

Browsers

• Firefox will check for compromised passwords using k-anonymization
• Firefox 61 release
• Opera 54 release is available with an updated Speed ​​Dial and new recovery features.
• In “Yandex Browser” appeared mode for weak computers
• Brave has built-in support for Tor.
• Mozilla Adds Leaked Feature In Firefox
• Firefox 61 - Quantum of Solstice
• JavaScript and WebAssembly performance improvements in EdgeHTML 17

Entertaining

• What happened to Punto Switcher
• JetBrains has published the results of the annual survey among programmers
• 49 questions asked at interviews at Apple
• Gentoo project infrastructure hacked on GitHub
• Google invests $ 22 million in KaiOS, fork of Firefox OS
• Google created AI, coloring black and white videos of one photo
• Facebook changed its mind and lifted the ban on advertising cryptocurrency six months after its introduction
• Guide for connecting payments to Telegram bots.

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