The digest of fresh materials from the world of the frontend for the last week №230 (September 26 - October 2, 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

• What are the prospects for Node.js after reunification - expert opinions
• Data structures for the smallest
• Always use the label tag
• Best Practices for Using Video with HTML5 (HTML5 Video Player Best Practices)
• X-XSS-Protection - Prevent Cross-Site Scripting Attacks
• Hide SVG icons from screen readers (Hiding inline SVG icons from screen readers)
• How filters work in SVG (How SVG Filters Work)
• Download polyfill only as needed (Loading Polyfills Only When Needed)
• Everything you need to know about progressive web applications (Everything You Should Know About Progressive Web Apps)
• Layout responsive images using the Responsive Image Breakpoints Generator tool
• How accessible are the features of the web platform? (How are the web platform features available?)
• REST API Inspector
• Accessible floating labels
• Nice typography effect with HTML5 Canvas and CSS Blend Modes

CSS

• Pseudo-elements that cannot be
• 9 CSS Undervalued Features
• Things to watch out for when working with CSS 3D (Things to Watch)
• Wenk is a lightweight tooltip library written in CSS using PostCSS
• You know that your site doesn’t suck when ... (
• Create forms using Flexbox (Make Forms Fun with Flexbox)
• Fix the selection of the contours of objects at the click (Fixing outlines on click)
• “Modern CSS and Interactive Letters” - Mark Robbins talk at CSS Day 2016
• Static CSS library for inline loading indicators (Pure text, CSS only, font independent, inline loading indicators)
• Ways to control distance in web typography (Methods for Controlling Spacing in Web Typography)
• Animated bird flight on CSS (JetFalcon CSS Animation 2.0)
• Effects transitions with CSS masks (Transition Effect with CSS Masks)
• Grid layout - a necessary step for the development of CSS (Grid layout is a much needed step-change for CSS)
• CSS4 Grid: the real layout finally came (CSS4 Grid: True Layout Finally Arrives (Jen Kramer) - Full Stack Fest 2016

Javascript

• Records from PiterJS # 7
• Who needs AMP? Delayed loading of responsive images using Layzr.js (Who Needs AMP? How to Responsive Images Quick and Easy with Layzr.js)
• Improve your learning JavaScript with Fun Experiments (Improve Your JavaScript Learning with Fun Experiments)
• Functional programming in javascript? Rather dysfunctional (Functional Programming In Javascript? More like dysfunctional)
• Quick Tip: Adding and Removing CSS Class with Vanilla JavaScript (Quick Tip: Add or Remove CSS Class with Vanilla JavaScript)
• We manage DOM th. It's not as hard as you might think (Master the DOM)
• Offer an asynchronous iterator in javascript (javascript asynchronous iteration proposal )
• Debugging Node.js with Chrome DevTools (in parallel with browser-based JavaScript) (Node.js debugging with Chrome DevTools (in parallel with browser JavaScript))
• How to safely use context in React-e (How to safely use React context)
• Single Page Routing at Elm (Single Page Routing in Elm)
• Implement currying with placeholders and function-bind-syntax support
• Framework:
  
  • The official release of Vue.js 2.0 took place . Vue 2.0 release
  • JSX: antipattern or not?
  • Immutable.js with Redux, his best friend (Immutable.js with Redux, his best friend)
  • Make your React Components Pretty
  • Redux - the best implementation of Flux (Redux - the best Flux implementation)
  • Migration of Pinterest profiles to React (Migrating Pinterest Profiles to React)
  • Detailed review of the code base React (Codebase Overview)
  • Pure d3 code that works with React (Plain d3 code and React working together)
  • Unit testing React Native with * new * Jest (II) - Redux: slices of action and reducer (Unit testing React Native with the * new * Jest (II))
  • Learning React Native for new and experienced developers (React Native Mastering for Beginners and Advanced Developers)
  • Configure create-react-app without restarting (Configure create-react-app without ejecting)
  • Understanding Reactive Programming and RxJS Understanding Reactive Programming
  • Animated transitions in 2 minutes with ngAnimate and CSS (Animating Transitions in 2 Minutes with ngAnimate and CSS)
  
  
• ES6:
  
  • Understand the promises: the basics
  • Variable and Ascent Functions in ES2015 (Variable and Function Hoisting in ES2015)
  • Template Literals
  • Lazy-loading ES2015 modules in the browser (Lazy-loading ES2015 modules in the browser)
  • ES6 or ES2015 - how to name JavaScript versions? (ES6 vs ES2015 - What to call a javascript version?)
  • Offer to add to ES: global (ES proposal: global)
  • “ES6 features that are impossible in ES5” - Dan Shappir report (“Things You Can’t Do In ES6 That Can't Be Done In ES5”)
  
  
• Libraries:
  
  • react-animations - a collection of animations for CSS-in-JS libraries
  • choreographer-js - a simple library for organizing complex animations on CSS
  • Leaflet - JS library for creating interactive mobile-friendly maps
  • viewscroller - library for fullscreen scrolling implementation
  • navigo - a simple router on vanilla JS with a foldback for older browsers
  • g9 - a library for creating interactive graphics
  • CurrencyFormatter.js - currency formatting library
  • Taggd - library for adding notes to the image
  
  

Browsers

• Testing Firefox 50-beta and Firefox Developer Edition 51
• 7 alternative browsers instead of Google Chrome, Safari and Firefox
• Firefox 53 will stop working in Windows XP and Vista
• In the next version of Windows 10, the Edge browser will run in a small virtual machine.
• The update of the mobile version of Chrome will bring several interesting innovations
• Mozilla project introduced three new experimental features for Firefox
• New version of Opera browser with built-in VPN has loaded more than 2 million new users in the first week
• Safari Technology Preview Release 14 Details
• But this is not supported in IE (But It's Not Supported In IE)

News and entertaining

• AMP support has been added to the Bing application.
• React.js jubilee: the number of stars on GitHub at the library has exceeded 50,000
• Blackberry officially refused to manufacture smartphones
• Google Penguin will no longer downgrade sites for spam links.
• Microsoft has a new division of 5000 people, which will be engaged in developments in the field of artificial intelligence.
• Amazon, Facebook, Google, IBM and Microsoft have joined forces to develop AI
• Google has turned 18
• Mozilla ridiculed bans from the European Copyright Commission with iconic memes
• Mozilla finally killed Firefox OS
• The Disease of Programmers of the 21st Century: What is Computer Visual Syndrome and How to Combat It
• Restored the first recording of computer music, made by Alan Turing in 1961
• 20 reasons why startups die
• Mark Zuckerberg showed how Facebook data centers are arranged
• 15 startups that Google bought, and what came of it
• “Foo” and “bar”: how the two most popular “reserved names” appeared in programming
• Hackathon: the magic pill
• Google made a record-breaking neural network based machine translation system
• How does the community respond to “low quality questions” on Stack Overflow, and what to do if you asked such a question?
• 6 ways to encrypt everything
• 8 accessories that are not released by Apple (but others have released)

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 .