The digest of fresh materials from the world of the frontend for the last week №265 (May 29 - June 4, 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

• Review of changes in the new major release Node 8
• Podcast Web Standards, Release №71 : Safari TP, calendar, development on the phone, grids in practice, custom properties, magic of labels, flexs in depth, Node.js and npm, CSS-in-JS.
• npm @ 5 is now npm @ latest
• Podcast Frontend Weekend FW # 5 - Secrets of successful reports for frontend conferences
• Custom Properties - HTML Shorts
• Asynchronous web, or what is web sockets
• Browserslist is a good idea.
• Webpack vs gulp
• How can I make my icon system available?
• How to improve projects with outdated code
• Sandbox for GraphQL
• WebAssembly: Mozilla won
• Performance:
  
  • Faster page loading with easy CSS and SVG animation (no javascript)
  • The adventures of a novice in web productivity
  • Testing CSS animation performance using browser-based developer tools
  • Garbage collection: how we found the slowest parts of the UI
  • Using performance metrics that most affect UX
  • Performance frontline checklist for production
  • HTTP / 2 push is more complex than I thought
  
  

CSS

• 11 things I learned while reading the flexbox specification
• CSS in JavaScript: the future of component styles
• Learning CSS grids . Translation of article Learning CSS Grids
• CSS Media Queries Level 4 by Florian Rivoal
• Creating a style guide right from the Sass code
• Is CSS doomed to always suck?
• CSS love letter
• CSS filters for adjusting brightness, contrast, opacity and inversion
• Report in numbers: one and a half years with atomic CSS
• New Web Responsiveness - Viewport Units
• Details on the nuances of creating custom checkboxes and radio buttons
• The art of animating a single div per page
• <css-doodle /> - web component for drawing templates using css.
• Explanation of the technique of wide-column break using CSS Grid
• scssfmt - fast and easy SCSS code formatter
• CSS Trend Shadows
• ctr - regular CSS Framework
• A selection of palettes for spectacular gradient animation

Javascript

• Must see: videos of MoscowJS 37 mitap
• Rethinking JavaScript: break and functional approach
• Handbook of modern JavaScript concepts: part 2
• Results of the discussion about choosing a new JavaScript framework for WordPress
• What does Google AMP mean for the JavaScript community?
• State Management in CSS with Reusable JavaScript Functions - Part 2
• Reactive UI with VanillaJS - part 1: pure functional style
• Introduction to the most commonly used features of ES6
• How to track changes in the DOM using Mutation Observer
• Why javascript?
• Creating a simple Twitter bot with Node.js just 38 lines of code
• React:
  
  • Podcast Five Minute React # 20 - MobX instead of Redux?
  • Increase React and Redux performance with Reselect
  • Creating a React Component Library | part 1 , part 2
  • Airbnb switched to React to create a more responsive front end.
  • Why use React JS to create fast interactive UI?
  • Get the best React using progressive web applications
  • Optimization of rendering in React (part 1)
  • React as a platform: the path to a cross-platform UI - Leland Richardson
  
  
• Angular:
  
  • Dynamic Angular or manipulate correctly
  • Here is what you need to know about dynamic components in Angular.
  • React vs Angular vs Vue in examples
  • What are the pros and cons of AngularJS and ReactJS?
  
  
• Vue:
  
  • Let's start a modern frontend development with Vue.js
  • Prototype Filter UX to Instagram with Vue
  • Using filters in Vue.js
  • vue-recyclerview - reloading items of large lists with vue-recyclerview
  
  
• Libs & Plugins:
  
  • Cool scroll animation using the AOS library
  • t-scroll - plugin for creating scrolling animation
  • Timeline.js - plugin for creating chronological time slider
  • AmplitudeJS - modern HTML audio player
  • o - browser loader / bandler for JS. No dependencies, node and cli
  • taxi-rank - JSDom based on Selenium Webdriver API
  • picodom - 1Kb Virtual DOM
  
  

Browsers

• Chrome won
• Google presented a plan to integrate ad blocker in Chrome
• Browser based on blockchain Brave spent ICO and raised $ 35 million in 30 seconds
• FF Developer Edition 54: New Inspector and Debugger Features, MDN Help in netmonitor, and more
• Chrome 59 - what's new in DevTools
• Technical details of Safari Technology Preview 31

Entertaining

• Microsoft has radically updated the design of Skype. And now there are "Stories"
• Danish startup has taught the neural network to impose site and application interfaces on the layout
• Google has released a service for visualizing data through GIF-images
• Google blacklists websites that send passwords via HTTP
• A bug in Chrome allows sites to record audio and video seamlessly to the user.
• Google has a personalized search.
• AlphaGo defeated the best human player in the go with a score of 3-0 and left the sport
• Facebook, Google and another 29 IT giants oppose Internet espionage
• Android creator Andy Rubin introduced his first smartphone and rival Google Home
• Microsoft creates a new shell for mobile devices.
• IoT devices compromise their owners, even if the traffic is encrypted
• "Clever, but not arrogant" - how chose the names of artificial intelligence systems
• Internet trends for 2017: a sharp rise in eSports, visual advertising and online medicine
• Why GTA-trained neural networks cannot be used in real-world tasks
• How to build a business with a valuation of $ 600 million on gifs - Giphy service history
• Scientists: in social networks, people perceive information at times less critical
• A site that calculates the likelihood that your job will get to the robot
• Computers will disappear physically. But there will be around us - Walt Mossberg's farewell column.

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