The digest of fresh materials from the world of the frontend for the last week №287 (October 30 - November 5, 2017)

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 "Frontend Weekend" # 26 - Vladislav Kozul about the perfect interview and how to get rid of the image of a prankster on Twitter
• Devschacht Podcast: Night Front End # 9 - Maybe Not React?
• Drinkcast Podcast, Issue # 15 - "Young Bobby"
• Podcast “Five Minutes Angular” # 5 - Angular 5, CLI 1.4, meetups (NYC, MIX, Moscow), Acronis on Angular
• Podcast "Frontend Youth (18+)" : First Stream
• About girls in programming and honesty . Frontend Youth is visiting loftblog
• Record broadcast WSD, held this Saturday in Kiev
• “ALL YOUR HTML” # 21: “SVG curves and animation of the logo css-live.ru on snap.svg”
• Show “Totally Tooling Tips”: Accessibility Testing

Web development

• Crossbrowser layout . What is cross-browser layout? What are the browsers and do you need pixel-perfekt
• Knowledge base of web development
• How to talk about modern web development to the time traveler from 2007
• Node.js News: The release of the Node.js 9.0 server-side JavaScript platform , Node.js 8 switches to long-term support , and the Node.js 9 branch becomes current. So, what's new in Node.js 9?
• Future performance - banding
')

• AMP / PWA:
  • service workers in Safari and other good news for PWA
  • Microsoft's bold plans for PWA in Windows 10
  • New Angular Service Worker - Automatic PWA creation: Part 1: Theory , Part 2: Practice . A complete practical guide to the Angular Service Worker: caching, push, updates
  • Shadow DOMs: PWA Encapsulation
  • The meaning of AMP . Jeremy Keith Critical Article on AMP Destination
  

• Instruments:
  • List of best tools for web animation
  • Chrome Headless . Run on remote server with debug mode
  • SVGO 1.0.0 , one of the best SVG optimizers, was released
  • How to debug a frontend: Console
  • New level of Webpack Dashboard
  • VS Code roadmap for 2018
  • icongram - a service for using popular icons on the fly
  • Bootstrap 4 Buffet - an interactive visual selection of Bootstrap 4 components for quick use.
  • gifski - video to high quality gif converter based on pngquant
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 60
  • Creating animation based on JavaScript using the library Anime.js. Part 2
  • Animation of cropped figures
  • 3D Movie Booking App UI on CSS / HTML
  • Emulation of smooth CSS animation using JavaScript
  • CSS CSS Preloader Kylo Ren
  

CSS

• How to hide . When display: none, and when visibility: hidden
• Understanding the WebView viewport in iOS 11
• Chris Koyer on the advantage of custom CSS properties over data attributes in markup
• Flexbox and Grid, your best friends
• Details on creating responsive tables available.
• CSS in JS: advantages, disadvantages and tools
• Advanced CSS styling
• About the difficulties of overcoming the problems of global CSS
• How Sass can save you a lot of time
• Sacred CSS war, or how to go beyond the dogma
• How best to structure CSS by component
• How to write a TODO application in HTML and CSS without using JavaScript

• Typography:
  • Typography and modern CSS
  • MyFonts introduced a mobile font recognition application
  • CSS Font-display: The Future Of Font Rendering On The Web
  • Managing font downloads is no longer a problem . Zach Leatherman about postcss-foft-classes
  • Web typography: create tables to read and not look at
  • Variable font size tests
  

Javascript

• JS: Setting the environment . New free course on Hexlet
• Javascript melting pot. . Translation of Dan Abramov’s article “The melting pot of JavaScript”
• What is good (and bad) Typescript: experience of UI-developers
• JavaScript, Node, Puppeteer: Chrome Automation and Web Scraping
• 3+ years Ember, 6 months React
• Lambda Calculus using javascript . Introduction to the roots of functional programming
• How JavaScript works: deep immersion in WebSockets and HTTP / 2 with SSE + how to choose the right path

• ES2015 +:
  • Introduction to frequently used features of ES6. Part 2
  • Refactoring old and broken libraries using async / await with TDD
  

• Angular:
  • The update of the Angular JS framework Angular 5.0.0 has been released.
  • Angular v5 released, check out the new features, changes and improvements.
  • 18 keycdn Angular Performance Improvement Tips
  • These 5 articles will help you become an expert in Angular Change Detection.
  

• VueJS:
  • Demystifying Vue Life Cycle Techniques
  • VueJs: an introduction to Vuex
  • Integration of React and Vue components in one application
  • Creating Vue Applications with Nuxt.js and Server-Side Rendering
  • Creating a 2048 game on Vue.js
  

• React:
  • Rules of life with Redax
  • React history: how buying Instagram on Facebook led to the opening of React.js
  • Netflix has accelerated twice, abandoning client-side React
  • React Component Templates
  • svgr - transform SVG into React components
  

• Libs & Plugins:
  • Frappé Charts - simple and modern graphics, inspired by GitHub, without dependencies
  • Introduction to heat maps on Mapbox GL JS
  • handorgel - W3C compliant accordion written in ES6
  • Focusingly - JavaScript library to improve the styling of elements on focus.
  

Browsers

• Firefox 58 will protect you from hidden user authentication with Canvas
• A Microsoft employee, right in the midst of a presentation on Azure’s capabilities, installed Chrome because Edge was constantly hanging
• Google has released a beta version of the browser Chrome 63
• Firefox will get anonymity tool from Tor Browser
• We are introducing new optimizations for JavaScript, WebAssembly, SharedArrayBuffer, and Atomics in EdgeHTML 16
• Technical Details Safari Technology Preview 43
• Statistics of operating systems and browsers for October 2017

Entertaining

• IETF committee approved HTTP response code 103
• GitHub launched community forums for developer pooling
• Available about machine learning: speech recognition
• MIT students have been able to fool Google’s AI by thinking that the turtle is a rifle
• Google search results are no longer dependent on the top-level domain.
• AliExpress hired engineers from Yandex to train Russian language services.
• The Complete SEO Guide for 2018
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 .