The digest of fresh materials from the world of the frontend for the last week No. 317 (May 28 - June 3, 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, Release No.123: YaC and WWDC, new Chrome, Edge and Firefox, nesting, calc and CSS hackers, how to write code quickly, variable fonts, await and ES modules, is there a full-beast, Yandex Landings.
• Frontend Weekend podcast # 55 - Nikita Prokopov about ClojureScript, blogging and creating your own font
• devschacht podcast: Night frontend # 35 - RIT ++
• Frontend Youth (18+) podcast Zero configuration zero configurations
• CSSSR Podcast: News 512 - Issue # 8 (May 28 - June 3)
• ALL YOUR HTML # 51: “Connected Particles in 3D”

Web development

• New releases: GSAP 2.0 , WordPress 15 , Lighthouse 3.0 announcement , Material-UI v1 output , Jest 23 , TypeScript 2.9 announcement
• Why is the development of the frontend so unstable?
• Cult of difficulty . Jeffrey Zeldman's critical note on the current state of web development
• Creating a responsive image . How to create a logo that matches its aspect ratio
• 9 amazing secrets of PWA
• Available focus indicators: what you need to focus on

• Performance:
  • prerender-loader! - universal pre-rendering for webpack. Improves first paint, often even without changing the code
  • What are Client Hints and whether to use them
  • Reducing the size of images using color sampling
  

• Tools:
  • On Yarn and back (on npm) again
  • Chrome 67 - what's new in DevTools
  • Three steps to deploy Webpack applications on Heroku
  

CSS

• Algebra in calc (), new specificity of level 4 selectors and other May CSS news
• Where everything is difficult with line breaks. Here are all the CSS and HTML tricks for this
• Explaining Z-index: how to position elements with CSS
• Solving life problems with CSS
• critters - Webpack plugin for inlining critical CSS and lazy loading for the rest
• How CSS works: understanding the cascade
• Gradient change status using CSS transitions and animations
• HSL () / HSLa () are great for software color control

Javascript

• Useful methods of arrays and objects in JavaScript
• #SmooshGate FAQ
• Features of modern JavaScript that you should use every day to improve development and what problems they solve
• Best practices for using modern JavaScript syntax
• Capturing and reporting JavaScript errors using window. onerror

• ES2015 +:
  • What's new in ES2017: Async functions, improved objects and the rest
  • ES6 (ES2015) and after: understanding JavaScript versioning
  • ES6 in action: improved object literals
  • Flow control in modern JS: Callbacks to Promises to Async / Await
  

• VueJS:
  • Creating modern applications with Django and Vue.js
  • Creating real-time graphs with Vue.js
  • The best resources for learning Vue.js in 2018
  • From VanillaJS to Vue.js: refactoring history
  

• React:
  • Let's fall in love with React Fiber
  • Reach Router is a new router with an emphasis on accessibility. Quick overview of features and usage features
  • Next.js Guide: SEO-Friendly React E-Commerce SPA
  • react-ideal-image - almost perfect React component for images
  • The most important lessons I learned after a year of working with React
  • Understanding Redux : the world's easiest guide for beginners
  • Managing the state of an application in React with Unstated
  

• Angular:
  • NgRx - best practices for Enterprise applications at Angular
  • Angular + Redux - a lesson we learned for you
  • 44 quick tips for fine-tuning performance in Angular
  

• Libs & Plugins:
  • proppyjs - A small JS library for the functional composition props. Supports ReactJS, VueJS, PreactJS, and ReactiveX
  • 11 Javascript Libraries You Should Know in 2018
  • minipack is a simplified example of modern modular builders written in JS
  

Browsers

• Chrome 67 web browser release.
• Firefox 63 will feature a cryptocurrency mining script blocker.
• Vulnerability in Chrome and Firefox for a year made it possible to get data on Facebook profiles.
• Google Chrome has added support for passwordless authentication on WebAuthn websites.

Entertaining

• Geektimes return to Habr
• Big Data Tesla architect: our autopilot is SkyNet from Terminator
• Which fonts are better to use for processing complex data
• How to teach a child to program
• Is QWERTY really a bad layout and why we cannot refuse it
• Microsoft is negotiating the purchase of GitHub

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 .