The digest of fresh materials from the world of the frontend for the last week №273 (July 24 - 30, 2017)

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

Web development

CSS

Javascript

Browsers

Entertaining

Media

• Podcast “Web Standards”, Issue # 78 : Chrome 60, Stylo, Flash 1996–2020, browser statistics, reset styles, large text, available hints, element order, ES novelties, should it?
• Podcast "Frontend Weekend FW" # 13 : How to make a popular educational project on YouTube
• Five Minute React podcast # 27 : You will not believe what the terrible secret of React popularity is ...
• Podcast "Front" # 9 : Goats, memes, interviews
• Drinkcast Podcast, a pilot release from the SPB Frontend community : about CSS-in-JS, Houdini, Grids, Yarn, and more
• Normal Reset - HTML Shorts . Reset CSS or Normalize.css?
• Weekly stream from Yuri Artyukh “ALL YOUR HTML” # 9 : Multilingual in Gulp and trick with canvas animation
• Video from the OdessaJS conference
• Video recordings from the conference Frontend United 2017 - Athens
• Video recordings from the conference Front-Trends 2017

Web development

• Commenting code: good, bad and disgusting comments
• Google actively promotes AMP internationally.
• Creating PWA with Polymer: Checklist
• Testing the accessibility of template libraries
• Understanding the coordinate system in SVG and transformations (part 1) - viewport, viewBox and preserveAspectRatio
• Performance:
  
  
  • Improved web performance to reflect the speed of the site engine
  • Get ready: a new V8 is coming, Node.js performance is changing. How Turbofan v8 performance characteristics will affect our optimization approach
  • Speed ​​index explanation is another way to measure web performance
  
  
• Spectacular web:
  ')
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 46
  • Animation of image splitting into pieces
  • Blur effect with SVG filters
  
  

CSS

• Properties for aligning everything and the new Display "matured" on release
• Quiz: how well do you know CSS?
• 5 CSS Properties You May Not Know About
• Visualizing CSS puns
• Creating an adaptive CSS timeline with Sass and BEM
• Layout:
  
  
  • Progressive CSS layout enhancement: from Float to Flexbox and Grid
  • Using viewport units to scale fixed layouts
  • Using CSS Grid Layout as masonry using grid-auto-flow: dense
  • Designer's Guide for Flexbox and Grid
  • “CSS Grid changes everything (in web layouts)” , - Morten Rand-Hendriksen on Wordcamp Europe 2017
  
  
• CSS variables:
  
  
  • Now that custom CSS properties are a working thing, all values ​​can be changed individually.
  • Custom CSS Properties - Dynamic Changes with and without Javascript
  • “CSS Houdini - from CSS Variables to JavaScript and Back” , - Sergey O Lord of the Frontend United
  
  
• Animation:
  
  
  • "Alice in the Country Web Animations API" - Rachel Nabors at CSS Day 2017
  • How to create a beautiful animated loader on pure CSS
  • Spring Physics with CSS Variables
  • Scss Fire Animation

Javascript

• Why we chose TypeScript: the history of developers from Reddit
• Javascript without this
• The book "The Way JavaScript" (The JavaScript Way) . Modern introduction to language
• How I once again fell in love with JavaScript after throwing 90% of garbage out of it
• Service Worker Beginner's Guide
• The Complete JavaScript Fatigue Tutorial: Our Industry Reality
• How to:
  
  
  • How to optimize resizing and scrolling
  • How to use media queries in javascript
  • How to build a simple static website using Webpack
  • How to use JavaScript to create HTML email templates
  • How to send an email with Angular, Sails.js, and Mailgun
  
  
• ES2015 +:
  
  
  • Let's learn the basics of ECMAScript 6 in simple terms
  • The most commonly used features of Javascript ECMAScript 2015 (ES6) and ECMAScript 2016 (ES7)
  • Why composition is harder with ES6 classes
  
  
• VueJS:
  
  
  • Why Vue.js is the best framework for front-end development for 2017
  • Switch from React to Vue.js
  • How to publish your Vue.js component in NPM
  • An impressive collection of components and helpers for VueJS 2, based on the Zurb's Foundation
  • Create beautiful charts with Vue.js and Chart.js
  • Website creation with comparison of cryptocurrency on Vue.js
  • Prevent XSS in Vue.js with Google Caja
  • Top Online VueJs Courses
  
  
• React:
  
  
  • React 16 beta is available for public testing.
  • Error handling in React 16
  • Top Resources for Learning React Fiber
  • Try React Fiber with Rekit
  • Creating your first React application
  • A practical guide to testing React applications
  • Inspect, modify, and debug React / Redux using Firefox add-ons
  • Create a Chrome DevTools extension using React.js
  
  
• Angular:
  
  
  • Deep immersion in web animation with Angular
  • Unit Testing Angular Applications With Jest
  
  
• Libs & Plugins:
  
  
  • Fitty - resizing text with javascript so that it fits in the parent container
  • image-compressor - simple image compression with javascript
  • spacetime - library for convenient work with time zones

Browsers

• Chrome 60 web browser release
• What's new in DevTools (Chrome 61)
• Stylo CSS engine written in Rust language added to Firefox
• Firefox Grid Inspector, July 2017 edition
• In Chrome and Firefox, the credibility of the Symantec certification authority will be terminated
• Microsoft will phase out support for Adobe Flash in Microsoft Edge and Internet Explorer
• Browser statistics that matter

Entertaining

• Adobe discontinues Flash support.
• Google abandoned "live search" seven years after launch
• Pwnie Awards 2017: the most significant vulnerabilities and security failures
• Amazon founder Jeff Bezos became the richest man in the world , but soon lost this status
• 18-year-old young man arrested for reporting a “childish” mistake in the new electronic ticket system of Budapest
• How to understand your level and how much to ask for money
• What is ordered in the US by representatives of the IT industry
• Why people leave large IT companies - Steve Blanca column
• Experts: the situation on the cryptocurrency market becomes dangerous and can turn into a bubble
• Do you know how much quick fixes cost you and your team?

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