The digest of fresh materials from the world of the frontend for the last week №267 (June 12 - 18, 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

Web development

• Podcasts:
  
  • "Frontend Weekend" FW # 7 : Technical evangelist about React VR and marketing / Raffle
  • devschacht, Issue # 4 : Talk past the HolyJS holyjs-piter.ru
  • “Five Minute React” # 22 - News : React 15.6, webpack 3, Babel Notes, mobx-state-tree 0.7, Preact video on egghead.io
  • "Frontend Youth" (18+) # 6 : Shock! The whole truth about Ember.js
  
  
• All records of reports from with JSConf EU 2017
• Grab Front End Guide - an introduction to the stack of the modern frontend
• Getting ready for Web Bluetooth!
• Using Workbox + Webpack for Pre-Caching with Service Worker
• People with disabilities respond, what is the most difficult thing for them on the web
• A11ycasts # 19: Available Modal Windows
• AMP / PWA:
  
  
  • PWA Directory - progressive web application directory
  • What is Accelerated Mobile Pages and how do they differ from responsive web design
  • Please make Google AMP optional.
  
  
• Tools:
  ')
  
  • topol.io is a convenient generator of email templates, including responsive ones
  • Network Monitor in Firefox: Details on the new features of the tool , working with the internal server and remote debugger
  • An introduction to FuseBox - a faster and easier alternative to Webpack
  • Introduction to Webpack: Entry, Output, Loaders and Plugins
  • Bonsai Submission: Open source webpack analyzer from Pinterest
  
  
• Animation:
  
  
  • Jelly effect for figures on canvas - Yuri Artyukh writes the code live with comments and explanations
  • Improving SVG animation with GSAP
  • CSS Animations vs Web Animations API
  • Spectacular animated seascape on HTML / CSS
  
  

CSS

• 5 opportunities LESS, which you might not know
• Satirical sketches on the topic of CSS, or Surprise front-end development
• CSS Grid Layout:
  
  
  • Full CSS Grid Guide
  • Great article about grids (CSS Grid Layout)
  • Using CSS Grid Layouts in production today
  • Introducing the `fr` CSS Unit
  
  
• Typography:
  
  
  • OpenType-features on the web
  • Scaling responsive typography in CSS
  • Typographic potential of variable fonts
  
  
• Practical guide to CSS variables (custom properties)
• Thoughts on self-documenting CSS
• Creating minimalistic HTML cards with just 53 lines of code (with Flexbox)
• Handling long and unexpected content in CSS
• Global CSS Survey 2017 Results
• From CSS preprocessors to CSS in JS
• Better-Less - cross-compatible syntax highlighting for Less code

Javascript

• New releases: ESLint v4.0.0 , V8 Release 6.0 , Node 8 and npm5
• Spellbook of a modern web developer : big picture, thesaurus and taxonomy of modern web development JavaScript
• Reactive programming, damn it. This is not about ReactJS
• Why you should limit javascript - and how to do it
• Choosing Jest instead of Mocha
• How to track changes in the DOM using e Mutation Observer
• Theory:
  
  
  • Callback in javascript ... what a beast?
  • JavaScript Decorators
  • Signatures of function types in javascript
  • What is the difference between Null and Undefined?
  
  
• Practice:
  
  
  • Working with peripherals from JavaScript: from theory to practice
  • 19+ JavaScript Short Scripting Techniques
  • How I designed and created Fullstack JavaScript Trello clone
  • Using HTML5 canvas to add watermarks to images
  • Machine Learning with JavaScript: Part 1
  • Detailed Memory Management Course
  • JavaScript performance history, part 3: Renderers of all shapes and sizes
  
  
• Vue:
  
  
  • vue-styleguidist - style guide for vue components
  • XSS in Vue.js
  • Creating an application on Vue JS (webpack, axios, bootstrap 4, reddit and endless scrolling on vanilla javascript)
  • Will Vue.js be a giant like Angular or React?
  • Expansion of VueJS components
  
  
• Angular:
  
  
  • Optimize AngularJS sites for Google crawlers
  • PWAs with Angular: Being Reliable , Being Fast , Being Engaging
  • Angular 1.0 is five years old
  • Angular 4.2 release
  
  
• React:
  
  
  • Reduce the use of Redux code with React Apollo
  • Video Course Getting Started with Preact
  • What is React? React terms in plain English and in drawings
  • Why I chose React instead of Vue
  • Is-React 1.0.0 Release - Utilitarian Methods for React
  • React State or Redux State: when what to use?
  • Make React Fast Again [Part 1]: Performance Timeline
  
  
• Libs & Plugins:
  
  
  • Text highlighting in Textarea v2
  • spected - low level library for validation
  • js-joda - library for working with unchangeable time and date
  • dutier - a small (1Kb), asynchronous and simple solution for managing application state

Browsers

• Vivaldi 1.10 - the small joys of opportunities
• Firefox 54 was released, which finally received support for a multiprocess mode . Details for developers in the blog of Marat Tanalin
• Firefox 55 Beta Available
• Chrome 60 Beta: Paint Timing API, CSS font-display, and enhancements to the Credential Management API
• 10 most useful Chrome extensions
• How to write an extension for Chrome

Entertaining

• SEMrush identified important Google ranking factors in 2017
• You are not google
• Retrained neural networks in the wild and in humans
• Developers using spaces make more money than those who use tabs
• Google launches Backup and Sync utility to replace Google Drive
• Hybrid neural network has surpassed humans in Ms. Pac-man
• Verizon has closed a deal to buy Yahoo for $ 4.48 billion
• Astrophysicist Neil Degrass Tyson makes a scientifically accurate game about space
• 12 lessons from the 100 most creative people of 2017 according to Fast Company
• Amazon is interested in buying Slack. Service estimated at $ 9 billion
• By 2021, things will be the main Internet users.
• Tired of a routine engineer, Google has written applications for the random selection of travel and dating.

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