The digest of fresh materials from the world of the frontend for the last week №276 (August 14 - 20, 2017)

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

Web development

CSS

Javascript

Browsers

Entertaining

Media

• Podcast “Web Standards”, Issue # 81 : Ours in the West, Chrome 61, Audit 2.0, Accessibility, SVG, Designers, Video, Cross-Browser.
• Podcast "Frontend Weekend" # 15 : How to accelerate a site to the speed of light (Lenta.ru, AMP, Site Perf)
• Podcast "Five Minute React" # 31 : .getInstance, Ekaterina Nazarova
• Podcast "Drinkcast" # 4 : "Bugs and their habitats"
• Podcast "The Art Of Programming" # 144 : Frameworks in the frontend
• Podcast "Frontend Youth (18+)" # 15 : Pipeline Operator, Atom 1.19, Safely Store A Password, Reflect API, Node.js 8.4.0
• Adaptive layout - HTML Shorts . What is the difference between rubber, adaptive and responsive layout?
• "Introduction to Web Workers" - a fresh video on .getInstance, a channel about frontend-development
• “Triangles with physics and Glitch on shaders” - Weekly stream from Yury Artyukh “ALL YOUR HTML” # 11

Web development

• Tips seniors: how to pump knowledge of junior Front-end / JavaScript
• Dimensions in SVG . Detailed article by Julia Bukhvalova about size management in SVG graphics
• Weekly selection of beautiful effects on CSS / SVG / JS # 49
• Selection of resources on WebVR
• Using Paint Timing API
• AMP / PWA:
  
  • Google AMP is a bad choice for E-commerce
  • Getting Started with Progressive Web Applications (PWA)
  • Offline POSTs with Progressive Web Apps
  • Creating PWA using hybrid rendering strategy
  
  
• Performance:
  
  • 14 website performance metrics you need to analyze
  • Audit speed site documentation Vue.js
  • Investigation of the problem of download speed on HTTP / 2, which led to the detection of a bug in Chrome. Akamai developers blog
  • Today the average page weight is 3MB. What values ​​should worry us and which should not?
  
  
• Instruments:
  
  • Testing availability with pa11y - a set of free tools
  • Presentation of Webpack Dashboard in the application on Electron
  • A tool for checking contrast in devtools
  • The process of working with Gulp to automate the development of the frontend
  • Deploying client applications in seconds using the UP tool from TJ Holowaychuk
  
  

')

CSS

• Edge hates your attributes
• Rachel Andrew’s List of Bugs in CSS Grid Layout Translation
• Flexbox and grid guide for designers
• Glossary of terms related to downloading web fonts
• The state of stylization of modern components, in detail and with examples
• Draw a horizontal tree using CSS pseudo-elements
• A way to super-fast familiarization with CSS Grid
• CSS architecture and three pillars of supported CSS
• Using custom properties to modify components
• CSS Custom Properties: Micro Tip # 12 - a fresh release of the Supercharged show on the Google Chrome developer channel
• Guidance Effect on CSS with Direction Anchor

Javascript

• What the hell is javascript
• Five JavaScript debugging tools that are useful to know
• Lodash is not (only) to manipulate lists!
• Lazy, Composable, and Modular JavaScript
• Best Practices for Javascript Library Versioning
• JavaScript for microcontrollers and IoT: web server
• Yes, you can remove jQuery and still support IE / Edge
• Introduction to Preact - a small, fast alternative to React
• Video:
  
  • About the event loop in JavaScript or “how does asynchrony actually work”? Translation of Philip Roberts' report from JSConf from MakeWeb.me
  • The first videos of the basic course on JS from Ilja Klimov: Key concepts of the JS world , Closures and scopes
  • Recorded broadcast KyivJS
  • async / await in javascript - Whats New & Fun?
  
  
• ES2015 +:
  
  • Using ES2017 Async Functions
  • Async / Await make your code easier.
  • Performance study Object # toString in ES2015
  • Folding Promises in JavaScript
  
  
• VueJS:
  
  • Slider on Vue.js
  • Migrating the VueJS App to Vuex
  • I tried Vue.js and just loved it
  • 4 ways to speed up your application on Vue.js using Webpack
  • Server-Side Rendering in Vue.js
  
  
• React:
  
  • Facebook refused to relicense React for Apache projects
  • All the fundamental concepts of React.js, compressed into one article on Medium
  • Learning React.js is easier than you think - interactive examples
  • Me and React: old dog with new tricks - a note by Remy Sharp
  • Repatch - Simplified Redux
  • Unit testing your React application's Unit with Jest and Enzyme
  
  
• Angular:
  
  • Integral ES6 features for Angular
  • Angular rejects ReflectiveInjector and introduces StaticInjector. Should you worry?
  • If you think that `ngDoCheck` means that your component is being checked, read this article.
  
  
• Libs & Plugins:
  
  • Google publishes a browser-based Deeplearn.js library
  • promise wrapper over webworks
  • gtop - a dashboard for system monitoring in the terminal
  • Scalable - a plugin that allows you to automatically scale the element to fit it in the desired area
  • Bubb Infotip - creating tooltips
  • Iroh.js - dynamic code analysis for javascript
  
  

Browsers

• Phishing gained control of 6 more Chrome add-ons.
• Chrome 61 Beta: JavaScript modules, Payment Request API on the desktop, Web Share API and WebUSB
• Chrome 62 will display security warnings for all HTTP pages starting in October 2017
• Update Canary DevTools: top-level await is now supported
• Microsoft promises to significantly speed up the browser Edge
• Mozilla has promised to stop supporting outdated Firefox extensions after 3 months

Entertaining

• WordPress 4.9 will focus on code editing and customization, the official release is scheduled for November 14th
• Extortionists targeting WordPress - a new threat
• Desktop Skype Preview came out with a new interface, like the mobile version
• GitHub introduced a new feature that simplifies code discussion.
• YouTube will show how many people are watching a video at the same time as you.
• Oracle company intends to transfer development of Java EE to an independent community.
• Fail review: failed interviews
• Early product launch - the experience of the founders of Reddit and Twitch
• Compilation of visualizations on search algorithms
• Developer Trend Skills Based on “Ask HN: Who’s Hiring?” Analysis

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 .