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

• Web Standards podcast, Issue No. 127: Reports on BeerJS, graphics on the Internet, fonts in SVG, disappearing frameworks, ES2015 + modules, don’t click, why CSS is.
• Frontend Weekend podcast # 59 - Dmitry Manannikov about the history of moving to Denmark, creating a startup in Chile and BreakfastJS
• devschacht podcast: Night frontend # 39 - Bloody atmosphere vs startup atmosphere
• Frontend Youth (18+) podcast # 54 Want quickness - write on the pros
• The CSSSR podcast, News 512 - Issue No. 12 ( June 25 - July 1)
• ALL YOUR HTML # 55: “Directory 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 videos from the conference

Web development

• 11 best English-language resources for web designers
• How WebAssembly accelerates the future of web development
• How to make your web applications mobile-friendly
• Web caching explained by the process of buying milk in the supermarket
• Foundation 6.5.0 release with a lot of bug fixes and improvements

• Performance:
  • Google PageSpeed ​​Insights has data on the download speed of the entire site
  • The state of the web: main strategies for optimizing images
  • Improving page loading performance: Pingdom, YSlow and GTmetrix
  • Review of RAIL performance methodology
  

• Tools:
  • Yarn package manager - instructions for use
  • lepto - automate editing, optimization and image analysis using the CLI and web interface
  

• Accessibility:
  • Ensuring quick work of the site 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 (a new look at the strengths of CSS)
• How I got rid of 250 KB of dead CSS with PurgeCSS
• Drawing images with 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 '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. " getInstance ": Map & WeakMap
• A practical introduction to ES2017 Async-Await
• Creating AR / VR using Javascript and HTML
• Using JavaScript in industries
• New book: full stack web development in JavaScript— from A to Z

• Theory:
  • How JS Works: Classes and Inheritance, Babel and TypeScript Transformations
  • JavaScript for Designers - structured synopsis of information snippets created by Mikhail Koloskov during JS learning
  • Minimal Guide to ECMAScript Decorators
  • Classes and Interfaces in TypeScript
  • Learn these basic JavaScript concepts in just a few minutes
  • Can it 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 a boilerplate
  • Lition written in React.js
  • Creating a static blog with Gatsby, CosmicJS and React
  • How to use Error Boundaries in React 16
  • Combining 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: a combination in your code editor
  • Templates of dynamic components using Vue.js
  

• Angular:
  • 5 best courses for learning Angular 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 recognizing faces in a browser using tensorflow.js
  • docz - never before has there been any documentation so simple
  

Browsers

• Firefox will check passwords compromised by k-anonymization
• The release of Firefox 61
• Available release of Opera 54 with an updated Speed Dial and the new recovery features
• In "Yandex Browser" mode appeared for slower computers
• The Brave Tor Browser support
• the Mozilla adds the function " Whether there was a leak ”in Firefox
• Firefox 61 - Quantum of Solstice
• Improved JavaScript and WebAssembly performance in EdgeHTML 17

Entertaining

• What happened to Punto Switcher
• JetBrains 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, Firefox OS fork
• Google created the AI ​​coloring black -white videos of one photo
• Facebook changed its mind and lifted a ban on advertising cryptocurrency six months after its introduction
• Guide on 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 dersmoll and alekskorovin