The digest of fresh materials from the world of the frontend for the last week No. 329 (August 27 - September 2, 2018)

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

FYI: There will be no digest next week due to the release.

Media | Web Development | CSS | Javascript | Browsers

---

Media

• Podcast "Frontend Weekend" # 68 - Yegor Bugayenko on how and why you need to distinguish yourself from the crowd of other programmers
• Podcast "Web Standards", Release №136: Chrome is not so audacious, Firefox against trackers, open source and policy, OpenType and useful cascade, the development of React DOM.
• Weekly Vue Podcast Release 2
• Five Minute React podcast # 45 - How to record a podcast without a microphone and equipment
• “Devshacht podcast”: # 48: The pain of Ext JS and TFS, or how DevOps is changing the world for the better
• The podcast "CSSSR", News 512 - Issue # 19 (August 20 - September 2)
• The six most useful reports from Frontend Conf 2018
')

Web development

• JSON continuous growth
• SmartTV development underwater rake
• Why modern web sucks and what to do about it
• What does blockchain mean for front end developers?
• Inherited code refactoring
• Using the speech synthesis interface from the Web Speech API
• Native lazy download for the web

• Instruments:
  • What's new in DevTools (Chrome 70)
  • gulp-webpack - fresh build Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
  • Universal PWA Builder - an extensible tool for creating progressive web applications without reference to the framework
  

• Accessibility:
  • Speech semantics is a great example of how to write more inclusive code for all (auxiliary) technologies, including search engines, screen readers, intelligent speakers and chat bots.
  • How Google has stepped up its efforts to make its technology more accessible to people with disabilities.
  • How you can use AI, AR and WebGL shaders to help the visually impaired.
  • Reach UI - library of available components for React applications
  

• Spectacular web:
  • We apply Voronoi mosaic, pixelation and geometric masks in shaders to decorate the site
  • Web Graphics Experiments
  • Optical illusion just 18 lines of javascript
  

CSS

• New (and old) units of measure in CSS that you’d hardly heard of
• Advanced CSS themes using custom properties and JavaScript
• Full CSS demo with OpenType properties
• Super Reinforced Grid Components Using Custom CSS Properties
• Progressively improve CSS layouts: from Float to Flexbox & Grid
• How to make print-friendly page styles.
• “Solving container queries today” , - Greg Whitworth report at CSS Day 2018
• Progressive block expansion with CSS
• CSS Shape Editors
• Twenty Tips for Optimizing CSS Performance

Javascript

• Why did a person from the Java world become an ardent supporter of Node.js and JavaScript?
• What is testing and why should we do it? The first article in a five-part series about testing in javascript
• Node Hero - Node.js Security Guide
• Babel 7 JS transpiler released
• So what's new in Babel 7?
• What will appear in JavaScript 2018: asynchronous generators, improved Regex
• JS in examples: 8 different options for using JavaScript Array Slice
• aiji - curated collection of inspirational JS applications working with AI
• A quick introduction to web workers
• Overview of JavaScript web timers

• Typescript:
  • TypeScript and Babel 7
  • TypeScript Quick Guide
  • How my team accidentally switched to TypeScript and loved it
  

• React:
  • Good practice of writing code with React and Redux
  • Validation of React Component Props with prop-types
  • React Performance - the complete guide to optimizing key performance issues in React
  • Props and PropTypes in React
  • React lesson: creating and protecting your first application
  • Evolution React
  • code-surfer - React-component for scrolling, zooming and highlighting code snippets
  • boilerplate.react.spa.full-server — preparation for creating a SPA on React, with a full server.
  

• VueJS:
  • Two books on Vue.js were translated: Greatness of Vue.js 2 and Testing of Vue.js components using Jest
  • Mastering Vuex - from Zero to Hero
  • Creating applications on Vue.js
  • vue-goodshare - vue.js component for social sharing
  • A complete guide to using Font Awesome icons in Vue.js applications
  • tiptap - a renderless rich-text editor for Vue.js
  

• Angular:
  • Angular: unobvious directive selectors
  • Binding mechanism of events in Angular
  • Angular 6 CRUD from scratch, example guide
  • How to use Material Design in Angular 6
  

• Libs & Plugins:
  • turbo-json-parse - turbocharged JSON.parse for stable JSON data
  • shimport - use JavaScript modules in all browsers, including those with dynamic import
  • reworm is the simplest way to manage application state
  • lazyestload.js - download images only when they hit the visible area
  

Browsers

• In Firefox, it is decided by default to block tracking of movements between sites
• For Firefox, the system develops contextual recommendation additions
• Analysis of the portability of the API of modern web browsers
• Mozilla has released Firefox usage statistics.
• Mozilla has published a report on how people use the desktop version of Firefox
• Google prevents security solutions from injecting into Chrome processes
• New Mobile Chrome feature will disable scripts for slow connections.
• The environmental impact of browser diversity
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 last week
Material prepared by dersmoll and alekskorovin