The digest of fresh materials from the world of the frontend for the last week №288 (November 6 - 12, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast “Web Standards”, Issue No: 94 WSD in Moscow, KharkivFrontend, Node.js 8 LTS, typography and CSS, Chrome interventions, design in Money.
• Podcast «Frontend Weekend» # 27 - Denis Radin about the whole truth of the developer’s life abroad
• Devschacht podcast: Night Frontend # 10 - Tests, debugging, and complex merge in XCode
• Podcast "Frontend Youth (18+)" # 26 Jake Archibald is to blame for everything
• Podcast "Web Standards", Issue No: 93 WSD, YGLF, Problem ReactiveConf, graphics and color, focus and cursors, React and Kotlin, Ukrainian frontend.
• The podcast "Drinkcast", # 16 - "The backend came to us ..."
• "ALL YOUR HTML" # 22: "Animation" Mandala "or how to draw sines and be inspired"
• 3 videos from moscowcss_5
• 16 videos from FrontTalks 2017
• How to learn web development? Vadim Makeev visiting LoftBlog

Web development

• Is it time to save the web?
• Introduction to WebAssembly
• BEM for designers, or Prototyping on production technologies
• Right-to-left approaches in the development and design of mobile sites
• Using SVG as placeholders - even more image loading techniques
• The frontend testing pyramid: how to revise your view on testing
• Tips and scripts in npm
• Question Series (AMA) with npm developers
• Awesome Speakers - an up-to-date collection of popular speakers, speaking at frontends and conferences
')

• Performance:
  • “HTTP / 2 is easy, just turn it on,” the BBC guys tell us. Productivity growth - from 3% to 34%
  • Reduce the weight of images using the technique of converting contrast with CSS filters
  • 6 steps to improve the performance of your web application
  • Measuring web performance - analyze what matters most
  • Developer Guide for Performance Optimization
  • Best practices for using icons in the world of HTTP / 2. A brief overview of the nuances and analysis of several popular sites
  • About creating a new, fast version of the BMW website : improving TTFB, AMP, SVG and new breakpoints
  

• Accessibility:
  • Alt-text guide from a visually impaired web developer
  • Excerpt of “Planning for Accessibility" from the third chapter of the book of Laura Kalbag’s new book Accessibility for Everyone
  • ARIA is a putty, not a fixture , - if we draw analogies to the creation of sites with the construction of buildings
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 61
  • Web Animation API - using the power of CSS keyframes in JavaScript
  • chromeography - spectacular flow of one image to another in the form of particles, using three.js
  • Creating an animation with star-to-heart transformation using SVG and Vanilla JavaScript
  • Animation of drop meshes
  

CSS

• CSS history essays
• Normal reset . About resets and normalizers, what is better to use?
• Simple grid on foldbacks with @supports
• Smooth Rounded Corners with CSS Houdini
• CSS code with a smell
• Practical use of aspect ratios in media queries
• The areas in the grids and the elements that occupy them are not necessarily the same size.
• All you need to know about CSS-in-JS
• Discussion on GitHub on the topic: Should we stop using the Google Fonts service and host the fonts on our own? . The question was raised after another change in the Weight value in the popular montserrat font
• Why doesn't Atomizer (acss.io) use more readable names?

Javascript

• Google: links found in JavaScript fully convey PageRank
• Mozilla has released a small tutorial on debugging javascript using a debugger
• Hello from the Mesozoic
• Just about D3.js
• What is RxJS and why is it useful to know about it
• What is it like learning javascript in 2018
• 5 javascript style guides - including airbnb, github and google
• Proper error handling in javascript
• Adaptation of JavaScript abstractions over time
• Stack GraphQL: how everything fits together
• First GraphQL First practice in Quri
• Is meteorjs alive

• React:
  • Debugging React Applications in VS Code
  • Use React 16 Portal to create something cool.
  • React-application performance settings on the example of a real project
  • Ethereum Light client on React
  

• Angular:
  • Angular 5
  • Impressions of Angular Connect 2017
  • General functionality and Lazy-modules
  • What's New in Angular v5: Animations
  • Top 5 AngularJS Interview Questions
  • How not to suffer with Angular - a detailed guide
  

• VueJS:
  • Vue.js tutorial: from jQuery to Vue.js
  • How GitLab works with Vue: a year later
  • State Vue.js - Key findings from the annual report
  • Why test applications on Vue?
  

• Libs & Plugins:
  • Emergence.js - JS plugin to determine the visibility of elements in the viewport
  • js2flowchart - a library for visualization, converts any JavaScript code into a beautiful SVG diagram
  

Browsers

• Tools to block motion tracking appear in Firefox 57
• Chrome will be protected from the opening of advertising pages without the user's knowledge
• Launch of Opera 49 web browser
• Nearly 2500 online stores are engaged in mining through browsers of visitors.
• Async Pan / Zoom (APZ) comes to Firefox Quantum

Entertaining

• Intel unites with AMD: we meet a Core processor with Radeon graphics
• Problems of large companies
• “Shadow Profiles”: How Facebook Calculates Everyone You Ever Knew
• God is technology: How digitalism became the religion of the Valley
• A user accidentally deleted some code on a popular crypto platform. And blocked the broadcast on $ 280 million
• Flightradar24 - how does it work?
• How does Bitcoin and Bitcoin Cash standoff develop and who is behind it

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