The digest of fresh materials from the world of the frontend for the last week №254 (March 13 - 19, 2017)

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

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Terms of use of ARIA in HTML
• Podcast Web Standards, Release №59 : Chrome 57, beta Samsung Internet, Safari TP, grids in practice, expressions from the container, scrolling on the web, font optimization.
• Front : a new podcast about the frontend and people, which is led by Tim Marinin. The first issue with Vadim Makeev on a visit
• Blind programmer - on the development of "by ear" and the availability of the Internet
• Web Developer Roadmap - 2017
• Creating HTML emails under Gmail: 12 things you need to know about
• HTML5 Video and Audio: markup
• HTML5 Forms: Input Field Types (Part 2)
• What are colored fonts?
• Vitaly Friedman presents a new version of Smashing Magazine
• The effect of multi-layer movement on hover
• SVG:
  
  
  • Making SVG-figures free course HTML Academy
  • Miyazaki animation tribute - with SVG and GSAP
  • 7 Solutions for Making SVG More Affordable
  • shapeshifter - web application for creating morph animations in SVG
  
  
• Performance:
  ')
  
  • Web performance top 100 travel sites
  • What is HTTP / 2?
  • Performance Benefits in the Progressive Improvement Technique
  • Why WebAssembly is faster asm.js
  • First look at WebAssembly
  • Results AMPconf: AMP - productive framework that matures
  • We believe in AMP (In AMP we trust)
  
  
• Instruments:
  
  
  • Create Alix, Chrome HTML Listing Extensions
  • How to pass parameters via the command line in the Gulp task
  • animista - online service for easy creation of CSS animation
  • Console Importer - simple import of JS and CSS resources via the console in Chrome
  
  
• Practice
  
  
  • Implement push notifications on frontend and backend
  • Minecraft to WebVR using HTML using A-Frame
  • Web Components: how to create your own custom components

CSS

• The problem of choosing the structure of the document
• New version of the CSSO 3.0.0 optimizer, with a separate CLI and a new parser CSSTree
• CSS Grid Layout:
  
  
  • How Grid Layout Spent Summer
  • Getting started with CSS Grid , from Robin Rendle to css-tricks
  • How to organize and align elements in a grid layout
  • CSS grid layout and progressive enhancement
  • CSS Grid VS Flexbox: A Practical Comparison
  • Get acquainted with CSS Grid Layout , a detailed article from Chris Wright
  • CSS Grid Layout is here to stay . The story about the development of CSS Grid Layout in Chromium / Blink and Safari / WebKit, made by Igalia with the support of Bloomberg
  
  
• Writing modular CSS (part 1)
• How to upgrade your CSS with css-js-loader
• Waffle grid - a simple gridbox system on flexbox
• Reflow prevention

Javascript

• A brief history of javascript. Part 1
• Evolution of modular javascript
• Filtering and chaining in functional JavaScript
• Asynchronous vs delayed javascript
• JQuery 3.2.0 released. Among other things - support for custom CSS properties
• Effective JavaScript Developer Habits
• Will WebAssembly replace javascript?
• Three hacks when working with arrays
• Managing Asynchronous Dependencies with JavaScript
• Things you need to know about objects and immobility in javascript
• ES2015 +:
  
  
  • New JavaScript: Asynchronous Iterators
  • 5 features that you can use in ES6 today
  • Understanding Classes in ES6
  • Communicating Sequential Processes: An Alternative to Dr. Asynchronous Generators Axel rauschmayer
  
  
• React:
  
  
  • Preparing a springboard for the react-application
  • React Loadable Library View
  • Introducing the React Native App (Introducing Create React Native App)
  • The life cycle of the methods of react, explained on the example of children's dance
  • Angular 2 vs React - Final Battle - Round 2
  • Routing in React, easy way
  • Memoisation of React Components
  • React Router - learning routing
  • Quick Tips for React-Redux Applications
  
  
• Vue:
  
  
  • How to create a SPA using Vue 2 (part 1)
  • Where did Vue.js come from?
  • A quick introduction to VueJS
  • Writing Vue.js components with Flow
  • Simple server rendering with Vue.js and Express
  • bottle-vue-kickstart - starter pack with Vue.js, including Axios, Bulma.io, Babel and Webpack 2
  • Eagle.js - a slideshow framework on Vue.js for hackers
  
  
• Angular:
  
  
  • Planning an application on Angular
  • 5 features that you need to pay attention to in Angular v4
  • Understanding Component Architecture: Angular Application Refactoring
  • How to create an Angular app: adding styles with Kendo UI
  
  
• Plugins & libs:
  
  
  • HyperApp - JS library on 1kb for creating frontend applications with Elm flavor
  • Sazerac - unit testing based on data for Jasmine, Mocha and Jest
  • Fetch Inject - inserting resources into the DOM using Fetch Injection
  • Planck.js - physical 2D engine

Browsers

• Testing Firefox 53-beta and Firefox Developer Edition 54
• The reason for stopping support for the ALSA sound system in Firefox
• Chrome 57 died appetites of background tabs to save energy
• Chrome 56 received support for WebGL 2.0
• Chrome developers intend to go completely to complete background tabs.
• Chromium adds support for animated PNG images.
• Chrome 57 learned how to “choke” background tabs to reduce power consumption

Entertaining

• New Google algorithm allows you to compress JPEG files by 35%
• GitLab has announced the purchase of Gitter and plans to open its code
• Google has laid out in the open access code of the algorithm, which presses images by 35%
• Telegram begins testing encrypted voice calls
• Microsoft launched competitor Slack for Office 365 internationally
• End of another era: Windows Vista will officially stop supporting from April 11
• On what principles is the design of the products that the whole world uses - examples of Airbnb, Facebook, Apple and other companies?
• In Google, you can now search for phrases with the characters ||, === and other programmer notation.
• Yahoo co-founder said that purple had become the company's corporate color in error
• Had Steve Jobs Risen or Apple's 7 Deadly Sins
• 7 skills that IT professionals need to get a job at Apple, Google or Microsoft

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