The digest of fresh materials from the world of the frontend for the last week №241 (December 12 - 18, 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

Entertaining

Web development

• How to teach a web application to speak 100 languages: localization features
• Yearly results for the W3C web platform
• An Overview of Client-Side Storage
• That is why the render on the client side won (Here's Why Client-side Rendering Won)
• FuseBox is a new bundler / module loader that combines the power of webpack, JSPM and SystemJS. "It is blazing fast" (c)
• Learn Progressive Web App . Selection of resources
• Polymer Cheat Sheet
• HTML5 forms cross-browser validation finally works! Now what?
• Restrictions in the development of HTML letters - video, fonts, Javascript, Flash and others
• Web fonts in mailing letters (The Ultimate Guide to Web Fonts)
• Why inline SVG is the best way to use SVG (Why Inline SVG is Best SVG, - Front End Center)
• Frontend developers are also engaged in information architecture (Front-End Developers Are Information Architects Too)
• Accessibility:
  
  
  • EU ready to set laws for accessibility testing (EU ready to set laws for accessibility testing)
  • Writing HTML, keeping in mind accessibility. (Writing HTML with accessibility in mind)
  • Testing availability with the Intern tool
  • Templates for creating accessible web chats
  
  
• Performance:
  ')
  
  • Hinting resources in the browser using Prefetch, Preconnect and Prerender (Browser Resource Hinting)
  • Your guide to mobile content publishing formats: AMP, Facebook Instant Articles and Apple News
  • DEFER instead of ASYNC , as one of the options for accelerating page rendering
  • HTTP / 2 Server Push and Service Workers: The Perfect Partnership

Media

• Web Standards Podcast, Release # 46 : New Edge and Safari, where to learn, commit messages, animation and rendering, CSS in CSS, hyip and progressive enhancement.
• RadioJS Podcast, Release 44 : Checkered or Ember.js?
• Videos from Minsk CSS, Meetup # 1
• Fronteers conference 2016 videos

CSS

• CSS styles for printing that I forgot
• 100% correct way to do control points in CSS
• Summarizing CSS as an antipattern
• Grides are coming!
• 20 years of CSS
• Creating a cool effect for images using CSS Backdrop-filter
• What is the difference between background-clip and background-origin?
• CSS Praise (Encomium of CSS)
• Bootstrap 4: Regular VS Grids on the Flexbox
• Why I don't use CSS preprocessors
• Styling Web Components with Common Style Sheets
• Listing styles in javascript using stylelint
• Free rotation of 3D space elements using CSS variables
• You can try to use these CSS pieces, but should you?
• Polygonal Pokémon with CSS clip-path

Javascript

• Latest Releases: CanJS 3.0 , New Aurelia Big Release , webpack 2.2: RC , Release RxJS 5
• Marionette.js 5 years old
• Best practices for coding in pure javascript
• Who said javascript is simple?
• Course: Professor Frisby Introduces Composable Functional JavaScript
• Creating a drum kit on pure JS. # JavaScript30
• JS community has a problem with bullying (The JS Community has a Bullying Problem)
• Climb promises outside with a weird trick from Lee Vera
• Sandbox for testing with jest
• Angular:
  
  
  • Only by releasing Angular 2, Google announced the beginning of the creation of 3.0, and now announced that it will soon release the fourth version of the framework immediately.
  • The next will be Angular 4.0 or just Angular.
  • Inheritance of components in Angular 2
  • Farewell 2016 and Farewell Angular (Bye 2k16 and Bye Angular)
  • Using Kendo UI with Angular 2
  
  
• React:
  
  
  • React VR Pre-Release Presentation
  • 11 Lessons I Learned as a React Developer
  • Universal React Render: How We Remade SitePoint
  • Thousands of color coded visualizations in React
  • React Fix It - automatically generates tests from errors.
  • How to render components outside the main ReactJS application
  • redux-subscriber - a subscription to changes in any part of the redux state
  • Testing React components with Jest and Enzyme
  
  
• Vue:
  
  
  • Vuetify: component framework for A Vue.js 2.0
  • Why we chose Vue.js, not React (Why we chose Vue.js over React)
  
  
• Plugins:
  
  
  • Voca Announcement: Ultimate Library for Working with Strings
  • JavaScript State Machine: a library for working with states in JavaScript
  • Zooming - advanced component for larger images
  
  

Browsers

• The final version of Vivaldi 1.6 - working with tabs
• Microsoft Edge Browser Receives Support for the Payment Request API in Windows 10 Build 14986
• Microsoft Edge will block Flash by default.
• A bug was found in the Microsoft Edge browser that allows forging SmartScreen messages.
• Launch of Opera 42 web browser
• What's new in Chromium 55 and Opera 42
• Chrome DevTools: JavaScript CPU Profiling in Chrome 57

Entertaining

• Slack launched video chats with the ability to use emoji during calls
• AMD Ryzen: Architecture Details and Public Demonstration
• Matrix hypothesis: now everything is serious
• Microsoft has opened access to a set of data for training computers writing
• Google launched the first version of the IoT platform Android Things
• Why did the variable name “i” become popular? Spoiler: it's not because of the word iterator
• Facebook hired ABC News and three more companies to check the accuracy of the news
• Microsoft translator removes language barrier
• Yahoo admitted leaking a billion passwords three years ago
• Evernote employees want to read user notes to improve machine learning.
• More than 8,800 WordPress plugins contain at least one vulnerability.
• Why Pebble is gone (inside view)
• Forecast for 2030: 21 technologies that will most change our world
• Visual and interactive guide to the basics of neural networks

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