The digest of fresh materials from the world of the frontend for the last week №234 (October 24 - 30, 2016)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• Login or Log in?
• Podcast Web Standards, Issue # 39 : Chrome 54, Async, Node.js v6 and npm v4, Ira about PWA, terms in CSS, CSS frameworks, Normalize.css, women in IT.
• Record of Web Standards Days broadcast on October 29 in Minsk
• Getting Started with Webpack 2 (Getting Started with Webpack 2)
• SVG:
  
  
  • How to design, create and animate SVG
  • SVG and media queries
  • Introduction to SVG animation (Introduction to SVG animation)
  • SVG filters for primitives for working with external images and SVG fragments (SVG Filter).
  • Create an interactive road trip using SVG and Web Animation API (Create an Interactive Roadtrip with SVG and the Web Animation API)
  
  
• Decentralized hosting AMP JS and NPM for the web
  (Decentralized hosting of AMP's JavaScript & NPM for the web)
• Switching to Google AMP and back (Switching to Google AMP and back)
• Push notifications for the web . The third and final note in the Push A On The Web (Building A PWA, Part 3) article series
• Carousels do not have to be complicated . Chris Koyera on techniques for implementing the implementation of the carousel (Carousels)
• Parsing JSON is a minefield (Parsing JSON is a Minefield)
• Automatic responsive images using client prompts
  (Automatic responsive images with client hints)
• Meet the new Web Animation API (Meet the new Web Animation API)
• Collective list of public JSON APIs for use in web development
• The sad state of HTML Email fields and IDNs
  (The Sad State of HTML Email Input Fields and IDNs)
• aria-selected - when (not) to use (aria-selected - when (not) to use it)
• Accessibility for developers , a report from Alistair Duggin (Accessibility for developers)
• YouTube rewrites web components and Polymer
  (YouTube is being rebuilt with Web Components & Polymer)

CSS

• Once again about the border-image
• What is the difference between native CSS variables and variables in preprocessors? (What is the difference between CSS variables and preprocessor variables?)
• Improved performance with multiple background images (Improving Perceived Performance with Multiple Background Images)
• Zhuuutkie selectors in CSS (Spoooooky CSS Selectors)
• Responsive Images in CSS Responsive Images
• You are too lazy to create markup with independent CSS
  (You are too lazy to write markup independent CSS)
• Best Practices CSS, 14 Steps (CSS Best Practices - 14 Steps to Become a CSS Ninja Pt1)
• Toning photos using gradients and blending modes (Photo Toning with Gradients & Blend Modes)
• Organizing your Sass files (Organize your Sass files)
• Functional CSS in Pure UI Perspective (Functional CSS From A Pure UI Perspective)
• useful.ly - a regular CSS Flexbox framework
• Create a set of micro-animations (Create a set of micro-animations)
• A lesson on Angular-Material 2 Theme (Angular-Material 2 Theme Tutorial)
• CSS animation with dynamic object stroke (Border composition and animation)
• Draft CSS Table Module Level 3 (CSS Table Module Level 3)
• Component color selection with CSS variables (CSS colorpicker | powered by CSS variables)
• CSS variables as data feedback (CSS Variables As Data Feedback)

Javascript

• JS ascending trends: a detailed guide to libraries and frameworks
  (Rising Trends in In JavaScript: A Comprehensive Guide to Libraries & Frameworks)
• Native equivalents of jQuery methods: Part 1: selecting DOM elements , Part 2: working with attributes and properties
• Opportunities and examples for implementing hacker attacks on JavaScript engines (Attacking JavaScript Engines: A case study of JavaScriptCore and CVE-2016-4622)
• Quiz game on the knowledge of modern JS tools (JavaScript Guessing Game)
• Modular JavaScript - crowdfunding company from Nicolás Bevacqua, aimed at raising funds to create books on modular JS
• Control mechanisms in JavaScript games (Control mechanisms in JavaScript games)
• Three examples in which JavaScript generators are relevant (+ understanding of their work) (3 cases where JavaScript generators rock (+ understanding them))
• The history of Node.js on the timeline (History of Node.js on a Timeline)
• PurpleJS - alternative to Node.js for Java projects
  (PurpleJS - the alternative to Node.js for Java projects)
• ES6:
  ')
  
  • Node.js 7.0.0 is released. Meet async / await without babel
  • Overview of ES6 basic features
  • Stupid ES6 Tricks
  • ES6 Template Strings, the Handlebars killer?
  • ES6 features overview
    (Overview of JavaScript ES6 features (aka ECMAScript 6 and ES2015 +))
  • 6 of the most impressive features of ES6 (6 of the Most Exciting ES6 Features in Node.js v6 LTS)
  • Three ways to understand Promises (Three ways of understanding Promises)
  • Setting up a React / ES6 development environment using Webpack, Express and Babel (Setting up your React / ES6 Development environment with Webpack, Express and Babel)
  
  
• VueJS:
  
  
  • VueJS: Comparison with other frameworkworks (Comparison with Other Frameworks)
  • Why Vue.js? (Why Vue.js?)
  • Vue.js is even easier than jQuery (Vue.js is easier to learn than jQuery)
  • Vue.js Material - Material Design for Vue.js
  • Evan You - Modern frontend with Vue.js - Laracon EU 2016
  
  
• React:
  
  
  • Step-by-Step Environment Setup for React Developer (Step by Step Environment Setup) - No Legacy, 2016 Standards
  • Creating a bookstore with React & Redux I: React Redux Flow
  • Redux without React - state management on vanilla JavaScript (Redux without React - State Management in Vanilla JavaScript)
  • ARc - React starter kit based on Atomic Design methodology (ARc is a React starter kit based on the Atomic Design methodology)
  • React Memory Game
  • Six Reasons for Our Love of React (Top 6 Reasons Why We Love React)
  • React, Redux, selectors (React, Redux, Selectors)
  • How to put an application on React in production and sleep better (How to push a ReactJS application in production and sleep better - React.js Day 2016)
  • How Airtable uses React (How Airtable uses React)
  
  
• Angular:
  
  
  • Guide to Building Quality Components in Angular 1.5 (A Guide to Building Quality Angular 1.5 Components)
  • Angular 2 Transclusion with ng-content
  • Angular 2 Forms - creating an asynchronous validation directive (Angular 2 Forms - Create Async Validator Directive)
  
  
• Next.js - a small framework for creating universal JS applications rendered on the server (a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel)
• Shave - modern JS plugin without dependencies for text trimming
• MathJax - JavaScript math engine that works in all browsers.
• JS Ipsum - fish generator text on JS
• JsonLogic - a parser for creating complex rules when working with JSON (JSONLogic - Build complex rules, JSON
• swip - a library for creating experiments with synchronous work on multiple devices

Browsers

• Mozilla will significantly improve the performance of Firefox with the new Quantum engine
• Mozilla project introduced Quantum, a combined browser engine for Firefox
• New Opera 41 with many open tabs runs several times faster than the old Opera 40
• What's new in Chromium 54 and Opera 41
• DevTools update digest for October 2016
• Some Details Safari Technology Preview 16
• Mozilla stops trusting new WoSign and StartCom certificates

News and entertaining

• Apple Special Event, October 2016 [text archive]
• How did the new MacBook Pro
• Healthy again: 10 flaws in the new MacBook Pro and what Apple fans will answer
• Why Tim Cook is the new Steve Ballmer
• Microsoft Windows 10 Event [text archive]
• What we were shown at the Microsoft Windows 10 event
• Microsoft introduced the monoblock Surface Studio
• No options? Microsoft is going to eat Apple for lunch (No Escape? Microsoft is About to Eat Apple for Lunch)
• Microsoft, I forgive you! (Microsoft, I forgive you!)
• Twitter closes Vine video service
• Platforms like Facebook's Instant Articles and Google AMP make publishing on the web more difficult.
• SpaceX Huge Hunting Missile: on what, when and for how much will we fly to Mars
• Font and copyright
• Snatch up the eye: how information on the Internet has become unreadable
• The Chinese company admitted that the DDoS attack on Friday was made possible due to weak passwords of its devices.
• Google's neural network has invented its own encryption protocol
• Researchers have created a "quantum socket" - an important step towards scalable quantum computers
• The history of the "transport of the future" Hyperloop and the company Hyperloop One
• Silicon Valley tablet geeks: the story of Nootrobox, the company that sells nootropics
• "Smart" thing as a weapon of mass destruction
• Why executives of large IT companies make decisions while walking
• Games on GitHub

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 .
“The material was prepared by dersmoll and alekskorovin .