The digest of fresh materials from the world of frontend for the last week №242 (December 18 - 25, 2016)

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

Web development

CSS

Javascript

Web development

• Web Standards Podcast, Issue # 47 : Chromium and Opera, position: sticky, virtual reality, JS prioritization, fast parallax, inline SVG, CSS shorthand, control points, grids and 20 years of CSS.
• HTML 5.1 document sections
• Overview of client-side storage
• Logo is not responding or is temporarily unavailable . Julia Bukhvalova wonders how best to impose logos on the site.
• Introducing the impressive features of SVG animations: writing a small game
• Performance:
  
  
  • Front-End Performance Checklist 2017 (PDF, Apple Pages)
  • I enabled HTTP / 2 ... what next? (I've turned h2 on ... now what?)
  • 10 pieces that I learned by creating the fastest site in the world
  • Introduction to Progressive Web Apps (Instant Download) - Part 2
  
  
• Anatomy of a Web Request (The Anatomy of a Web Request)
• Material Components - modular and customizable components of the Material Design UI
• Learning by Lego: a step forward in modular web design
• Effects of the appearance of blocks with different interactivity
• About specific APIs bringing native-style functionality to mobile browsers
• Top online courses for frontend developers in 2017
• 27 new popular repositories in 2016 for web developers (27 popular new github repositories for web developers in 2016)
• Why is bower still appropriate
• Music Player (CSS / HTML / JS)
• Records from FrontTalks 2016

CSS

• How I translated the BEM project ... and translated
• Bootstrap 4 stops supporting IE9 and fully switches to Flexbox
• CSS Working Group determines the composition of the future CSS 2017
• Record broadcast pitercss №8
• Scaling Responsive Animations (Scaling Responsive Animations)
• The @ font-face syntax will never be bulletproof, but it shouldn’t (No @ Font-face Syntax will ever be Bulletproof, Nor Should It Be)
• CSS Writing Modes
• The Dark Side of Polyfiles in CSS (The Dark Side of Polyfilling CSS)
• Beginner's Guide to Creating Pure CSS Images
• Asynchronous Web Font Download
• Volumetric reversible counter on "pure" CSS
• Selection of 68 best CSS frameworks
• Petal - CSS UI framework based on LESS
• Type CSS Framework

Javascript

• HolyJS Moscow: Expansion Time
• Ember - Best Practices: Avoid Leaking Condition into the Factory
• As I wrote the application on Elm
• 19 unexpected finds in the Node.js documentation
• JavaScript is simple! Who said?
• JavaScript: a review of 2016
• V8: Behind the Scenes (December Edition)
• The truth about traditional benchmarks in javascript
• We need the best way to promote JavaScript projects!
• ES6 Symbols and examples of their use (ES6 Symbols and their Use Cases)
• Is async / await a step back in javascript? (Is async / await a step back to javascript?)
• Framework:
  ')
  
  • React or Vue: which of the javascript UI libraries should you use?
  • First impressions from Vue.js 2.0
  • "Aga" moments in React
  • 30 Days of React
  • Experiments with renderers in Angular
  • JavaScript Frameworks Are Great
  
  
• Plugins:
  
  
  • HoloJS - Microsoft's framework for creating holographic applications using JavaScript and WebGL
  • fuse-box - super fast bundler / loader with full API
  • angular.piechart - Angular 1.5 component for drawing radial charts
  • Switzerland adds a functional approach to Web Components by adding middleware to components.
  • RxDB - reactive Offline-first Javascript-based database

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