The digest of fresh materials from the world of the frontend for the last week №338 (November 5 - 11, 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 # 146: Desktop Web Applications, Security and Front End, Test262, Babel and Webpack, questions for HolyJS.
• Podcast "Frontend Weekend" # 78 - Anton Chernousov aka golodnyj about becoming a product manager from a programmer and podcasting
• Podcast "CSSSR" News 512 - Issue №28 (05.11 - 11.11)
• Five Minute React podcast # 49 - bem-react-core
• Devshakhta Podcast: # 56: NodeConf EU 2018
• Podcast "Drinkcast", # 29 - "American Frontend with Stepan Korshakov"
• "ReactiveConf 2018" , 47 videos

Web development

• Elm changed my perception of unpopular languages
• HTML Canvas Guide
')

• Performance:
  • A Netflix Web Performance Case Study . Detailed article from Addy Osmani on how to improve the Time-To-Interactive indicator for the desktop version of Netflix.com
  • Improving the performance of animated GIFs using HTML5 Video
  • Web Performance 101 . Detailed introduction to the performance of the download of the modern web from Ivan Akulov
  

• Instruments:
  • We pump up debugging skills using the Chrome developer tools (part 2)
  • npm: useful abbreviations and tricks
  • Why did I write 33 extensions for VSCode and how I manage them
  • Continuous Integration with Prettier + ESLint
  • FX - CLI tool for handling JSON
  • Git aliases I can't live without
  

• Accessibility:
  • Relevance of metadata available in PDF
  • Digital Availability Business Case
  

CSS

• How I created a mood-changing animation using CSS masks
• Creating responsive images
• CSS tips that you can hardly find in tutorials
• How to quickly design a site using CSS Grid
• Useful tip: use calc () to change the height of the Hero components of the page.
• Five Years of PostCSS: State of the Union . Andrey Sitnik about the state of affairs in his project
• CSS frameworks or CSS Grid: What should I use for my project?
• Why browsers download styles with unsuitable Media Queries
• CSS optimization by removing unused Media Queries
• CSS and network performance . Detailed article by Harry Roberts
• Tile layouts on grids using auto-fit and minmax
• A brief result of the analysis and comparison of CSS in Twitter PWA and the old desktop site
• Editorial Layouts, Floats and CSS Grid . An article on design issues in standard editorial texts when float cannot be used. Also, Rachel Andrew's quick response with an Exclusions solution.

Javascript

• Offline JavaScript Broker
• Work with abstract JavaScript syntax trees
• [bookmark] Node.js pdf guide and new javascript guide
• GraphQL got its own independent platform
• 10 things to learn along the way to becoming a javascript master
• Outside console.log () . Interestingly, this is not another article promoting the use of debugger

• ES2015 +:
  • Arrow functions in JavaScript: why they are needed, how to handle them, when they should be used, and when not
  • The implementation of promises in javascript
  • JSBI - implementation of the BigInt official sentence for ECMAScript in pure JavaScript , which will become part of the language in the near future
  

• React:
  • Higher-order components in React
  • Implementing smooth scrolling in React
  • React Suspense with Fetch API
  • Introduction to React Hooks
  • 5 things I did not know about the Create React App
  • 3 advantages of functional components in React on eCommerce sites
  • re: Why does the React community bypass web components? Den Abramov answers
  

• Angular:
  • Theme Angular Applications
  • Checklist clean code in Angular ️
  • Why did Angular make me quit web development
  • Angular 6+ Dependency Injection Complete Guide - providedIn vs providers: []
  • A lesson on the Angular Material Table with an example
  

• VueJS:
  • Creating a radial diagram on Vue and SVG
  • Adjusting the virtual DOM of Vue.js: necessity, explanation, and solution
  

• Libs & Plugins:
  • Meet Loona: a library for managing application health in React and Angular
  • Glider.js: very fast, small, fully adaptive, with support for mobile devices, without dependencies, a library for scrolling and navigating lists
  

Browsers

• A new Opera for Android with the function of blocking cookie dialogs has been released.
• Chrome 71 will block all ads on sites with deceptive elements.
• Firefox tests support for cloud storage
• A new RCE vulnerability has been detected in the Edge browser.

Entertaining

• Now officially. Google confirmed that the dark mode significantly saves the charge
• The format that changed the world: the history of VHS
• GitHub crossed the 100 million repository milestone
• Microsoft will add in Word a feature that will automatically create task lists.
• Contactless: what is NFC and how to programmer to work with it
• The most expensive startups that closed in 2018
Go

Apparently, this is the last post in the Zfort Group corporate blog. Thank you for coming here, subscribing and reading our posts for seven years of the blog. We will continue to publish our digests in one form or another. First of all, collections will be published in the blog of the corporate site . Also, we will try to continue our publications on Habré from the alexzfort account. The content of digests will differ to avoid its duplication, we will try the new format next week. All fruitful week!

Digest from last week .
Material prepared by derSmoll and alekskorovin .