The digest of fresh materials from the world of frontend for the last week №239 (November 28 - December 4, 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

• Frontend for beginner. Where to go and what to do?
• Podcast Web Standards, Issue # 44 : Firefox News, WebKit Web Components, Multicolumns, Layout Systems, SVG Patterns, Accessibility Nuances, CSS Methodologies, Shaped Folders, Font Samples, HTML on Steroids, Podcasts Alive!
• What's new in WordPress 4.7?
• Results of the poll “The State of Front-End Tooling 2016”
• Internet of weird things . The author creates a smart garland based on the series Stranger Things using Node.js, WebSockets and Raspberry Pi (Internet of Stranger Things)
• Who to follow on Twitter if you are a frontend developer
• Custom components that work everywhere (Custom Elements That Work Anywhere)
• Google's AMP is a gold box (about site indexing problems on WP) (Google's AMP is a gilded cage)
• Selection of links to thematic repositories from the “You Don't Need” series
• Performance:
  
  
  • About new frontend practices using HTTP / 2 (Getting Started with HTTP / 2: Part 2)
  • Performance measurement tool collection ️
  • 9 tips to optimize web performance
  
  
• HTML:
  ')
  
  • What's new in HTML 5.1
  • Using the address element in HTML 5.2
  • Diff of HTMLs is an unofficial site with a detailed comparison of the WHATWG HTML and W3C HTML standards.
  
  
• PWA:
  
  
  • Progressive Web App Checklist
  • 5 cool Progressive Web applications that are worth paying attention to
  • Installing Web Applications on Phones (for Real)
  
  
• SVG:
  
  
  • Bulletproof SVG with Grunticon
  • SVG is not everything ... SVG (An SVG That Isn't All ... SVG)
  
  
• Service Worker:
  
  
  • Service workers, what are you? (Service Worker, what are you?)
  • Service Worker Routing
  
  
• A Webpack Pattern Library
• Useful Regex Templates

CSS

• As I recalled the school geometry course
• Fonts:
  
  
  • How to use custom fonts on the web and not go crazy
  • Improving styles with em-s
  • Experiments with color fonts
  
  
• @supports will change your life
• Horizontal scroll on pure CSS
• Loops in CSS preprocessors
• When to use which CSS methodology (When to use which CSS methodology)
• Nesting Your BEM?
• 7 ways to position elements using CSS Grid Layout
• Performance Parallaxing (Performant Parallaxing, by Paul Lewis on developers.google.com)
• Lace Patterns in CSS
• 9 simple CSS filters
• Wrap text around a curved image using CSS Shapes
• How the style scope works with Element Queries (How Style Scoping Works with Element Queries)
• Record broadcast CSS Conf AU 2016

Javascript

• Logux: Connection lost, data synchronized - interview with Andrey Sitnik (Evil Martians)
• Functional programming with examples in javascript . Part one. Basic techniques of functional programming
• Record live broadcast with JS Conf AU
• How to avoid JavaScript fatigue and sleep well at night
• Using Bootstrap components without jQuery
• Thoughts on linear gradients similar to the original image (Thoughts on Linear Gradients That Resemble Images)
• Basic environment setting for JavaScript development
• JavaScript developers: watch your language! (JavaScript Developers: Watch Your Language!)
• Svelte - A productive framework borrowing the features of Vue.js and Ractive.
• How to use Aurelia with Redux
• ES6:
  
  
  • When to use ES5 Var, and when ES6 Let
  • JS Promises for Dummies (JavaScript Promises for Dummies)
  • Are you already writing ES6 javascript? (Editorial: Are You Writing ES6 JavaScript Yet?)
  • Async / Await warms up (Async / Await Warm Up)
  
  
• React:
  
  
  • Five Minute React podcast: Issue # 4 - Redux, Actions in a row , Issue # 5 - Redux, Derived Data
  • React and third party libraries
  • The magic behind the styled-components
  • Redux Practical Guide (A Practical Guide to Redux)
  • Create your own middleware in React / Redux. (Creating custom Middleware in React / Redux.)
  
  
• Vue:
  
  
  • Getting started with the Vue.js 2.0 framework
  • Vue.js Fundamentals . Explore Vue 2.0 in the tutorial series
  • Exploring Vue 2: Step by Step
  • vuelidate - simple validation based on the model for Vue.js
  • Cleaning Vue Modules Using ES6 Pointer Functions
  
  
• Angular:
  
  
  • Release Angular 2.3.0-rc.0 (2016-11-30)
  • Angular 2 is just awesome
  • ng2d3 - a composite Angular2 + D3js framework for creating graphs
  • Angular 2 - animated router transitions
  
  
• Plugins
  
  
  • JSON-Splora - GUI for editing, visualizing and manipulating JSON data using jq or JS
  • mgGlitch - small jQuery plugin for adding glitch effect
  • Premonish is a library for predicting the next element with which the user will interact further.
  • KUTE.js - JS engine for creating high-performance and efficient animation
  • date-fns is a modern library for date manipulation in javascript
  • primitive.js - redraw images using primitive forms

Browsers

• Mozilla and Tor closed a critical vulnerability that was actively used to de-anonymize Tor users.
• Chrome 55 cuts memory usage by 30%.
• Chrome 55 web browser release
• Chrome 55 now blocks Flash using HTML5 by default.
• Firefox 52 Developer Edition has added a new JS debugger.
• Firefox became richer when it stopped living on Google money
• WebVR 1.0 is available in Firefox Nightly
• Firefox 53: a special isolated process for working with local files
• CSS Grid and Grid Highlighter available in Firefox Developer Edition
• Visualization of animation and isings in DevTools

News and entertaining

• Updated Timelapse of Google Earth service demonstrates how the Earth has changed over the past 30+ years
• Google Translate can now work with languages ​​that have not been translated between.
• Yandex compared search queries with the Dahl dictionary
• How to create artificial intelligence? (Almost) comprehensive guide
• How open API affects business
• Huawei has become the most profitable manufacturer of Android devices.
• Twitter acquired a startup Yes! and appointed his head product service director
• Google warned Russian users about price increases from 2017 due to "Google tax"
• YouTube launches 4K support for streaming normal and panoramic 360-degree videos
• Mozilla has published a financial report for 2015
• Facebook will entertain game users

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