The digest of fresh materials from the world of the frontend for the last week №257 (April 3 - 9, 2017)

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

Web development

CSS

Javascript

Entertaining

Web development

• Podcast Web Standards, Issue # 63: Safari TP, gardening grids, bugs and e-mails are not needed, the new Twitter, modern JS, useful code, AMP breaks the news.
• Front podcast # 004 : Victor Suzdalev, hipsters from the code and the historical approach
• Acquaintance with front end testing. Part one. Introduction
• How to write your own virtual DOM
• How the Air Force Creates Scalable Websites: 7 Basic Principles
• The state of the front-end toolkit in 2017
• PWA:
  
  
  • PWA, “Ominous Valley” and stable work offline
  • How we created Twitter Lite . A technical note on the Twitter blog about the implementation of the Progressive Web App on mobile.twitter.com.
  • Three things to consider before your progressive web application becomes standalone
  • Progressive Web Apps: Non-Technical Manual Part 1 , Part 2
  • Offline sync for Progressive Web Apps
  
  
• Browsers:
  ')
  
  • Using code coverage - a new Chrome devtools tool.
  • Creating a single browser extension for everyone: Edge, Chrome, Firefox, Opera, Brave and Vivaldi
  • Brief history of Firefox DevTools
  
  
• SVG Designer Tricks: Mask Blur Effect
• Augmented Reality in 10 lines of HTML code
• You did not understand AMP . Clarification of some points
• Top current monospaced fonts for developers
• How to make error messages available
• Webpack 2 Tutorials , a series of tutorial videos explaining the Webpack API for complete newbies
• Webpack and Rollup: similar, but different
• JavaScript creator Brendan Eich about WebAssembly

CSS

• Gifts from browsers for the day webmasters
• CSS Grid Layout:
  
  
  • CSS Grid Layout. Fast start
  • Grid Garden - a fun game for learning CSS Grid Layout, analog Flexbox Froggy
  • Edge began work on its implementation of grids
  • Grid-powered drop quotes
  • Pure CSS Crossword with CSS Grid
  
  
• Invisible parts of CSS
• rem and em, and why you may not need them
• Customizing CSS properties with CSS variables
• Positioning elements on the web
• Relative and attribute selectors in CSS3

Javascript

• The State of Reactive in JS: A Practical Review of FRP Libraries
• RX Reactive Libraries
• Modern JavaScript for ancient web developers ·
• Debugging JavaScript with the Node Debugger
• Back to Basics: Operators, Conditional Operators, and Functions in JavaScript
• function_invocation.js - 11 ways to call a function
• Creating Pong at SVG.js
• ES2015 +:
  
  
  • Regular expressions in the post-ES6 world
  • Getting started with javascript promises
  • Raw promises in Node.js
  
  
• Frameworks:
  
  
  • Matreshka.js 2 - tl; dr
  • Opinion of the developer comparing React, Angular2, and Aurelia
  • Javascript frameworks: a futile attempt at objectivity
  • EmberConf 2017: current status
  • Why I admire GlimmerJS
  
  
• React:
  
  
  • Five Minute React podcast # 10 : Redux and Local State
  • React v15.5.0 release
  • Introduction to React Loadable
  • Evolution on React + Redux
  • React Native: another “silver bullet” for cross-platform development?
  • Meet ReactXP - a library / framework from the Skype team, created for cross-platform application development on React
  • Reactour - an interactive guide to React components.
  • Mistake about rendering in React
  • Testing React Snapshots with Jest
  • Redux Offline Offline : Offline-First Architecture for Progressive Web Applications and React Native
  • The presentation is glamorous - styled-components and jsxstyle, inspired by the solution for styling React Components from PayPal
  
  
• Vue:
  
  
  • State Management in Vue.js 2 - Introduction
  • 7 things you need to know about Vue.js
  • Creating reused components using Vue.js: button component
  • Using Vue.js to create custom web components
  
  
• Angular:
  
  
  • Results of ng-conf 2017: day 1 , day 2
  • Angular and Accessibility
  • Angular v4: practical work with data countries
  • Angular 4 Server Rendered (aka Angular Universal)
  • All you need to know about detecting changes in Angular
  • Using Pipes in Angular
  
  
• Libs & Plugins:
  
  
  • Tippy.js is an easy library for adding tooltips.
  • embedo - a simple plugin for inserting media from social networks
  • BitArray.js - efficient implementation of large arrays with boolean flags in JavaScript
  • UTIF.js - advanced and fast decoder TIFF
  • across-tabs - easy communication between browser tabs (cross-origin support)
  • Sonnet is a library created on the basis of TensorFlow for creating complex neural networks.

Entertaining

• Important milestone: Android has bypassed Windows and became the # 1 platform on the web
• The return of Ubuntu to GNOME, the cessation of the development of Ubuntu Phone and Unity 8, a reduction in staff - serious changes have taken place at Canonical
• Google added faktchek news aggregator and search engine
• Mozilla is preparing a Firefox UI update
• Mastodon is an open source Twitter competitor
• Theory of Delight: Why Users Like Not Decorations, but Thoughtful Interfaces
• Chat bots did not justify last year's HYIP
• In what language can the computer communicate directly with the brain
• "Arks" for the salvation of human heritage
• What is virtual reality: properties, classification, equipment - a detailed overview of the area
• Something went wrong: The story of the failure of six promising startups
• A computer virus has forced users to go through the game to access files.

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