Frontend Weekly Digest #17 (24–30 July 2017)
Jul 30, 2017 · 3 min read

Web Development
- Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, viewBox, and preserveAspectRatio
- Testing the accessibility of pattern libraries
- PWAs with Polymer: a checklist
- Animated Image Pieces
- Motion blur effect using SVG filters
Media:
Performance:
- Improving Web Performance to Mirror Engine Speed
- Get ready: A new V8 is coming, Node.js performance is changing. How the performance characteristics of v8’s Turbofan will affect the way we optimize
- Speed Index Explained — Another Way to Measure Web Performance
CSS
- Quiz: How well do you know CSS?
- 5 CSS Properties That You Probably Don’t Know
- CSS Visual Puns
- Building a responsive timeline in CSS with Sass and BEM
Layout:
- CSS Grid Layout as masonry with grid-auto-flow: dense
- Designer’s Guide to Flexbox and Grid
- Using viewport units to scale fixed layouts
- CSS Grid Changes Everything (About Web Layouts) — Morten Rand-Hendriksen
Animation:
- Alice in Web Animations API Land — Rachel Nabors, CSS Day 2017
- How to create a beautiful animated loader with nothing but CSS
- Spring physics with CSS variables
- Simple fire animation
CSS Custom Properties:
- Serg Hospodarets: CSS Houdini — from CSS variables to JavaScript and back
- Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually
- CSS Custom Properties — Dynamic Changes With And Without Javascript
JavaScript
- How I rediscovered my love for JavaScript after throwing 90% of it in the trash.
- A beginner’s guide to Service Workers
- The JavaScript Way: A modern introduction to an essential language.
- Полное руководство по JavaScript усталости: реальность нашей индустрии (The Ultimate Guide to JavaScript Fatigue: Realities of our industry)
How to:
- How to optimize resizing or scrolling
- How to use Media Queries in JavaScript
- How to Bundle a Simple Static Site Using Webpack
- How to Use JavaScript for Creating HTML Email Layouts
- How to send an Email using Angular, Sails.js, and Mailgun
ES2015+:
- Let’s learn ECMAScript 6 basics in simple terms!
- Most used Javascript ECMAScript 2015 (ES6) and ECMAScript 2016 (ES7) features
- Why Composition is Harder with Classes

VueJS:
- Switching From React To Vue.js
- A bad-ass collection of components & helpers for VueJS 2, based on Zurb’s Foundation
- Creating Beautiful Charts Using Vue.js Wrappers for Chart.js
- How To Publish Your Vue.js Component On NPM
- Prevent XSS in Vue.js using Google Caja
- Build a Cryptocurrency Comparison Site with Vue.js
- Top VueJs Online Learning Courses

React:
- The first React 16 beta is now available for public testing.
- Обработка ошибок в React 16 (Error Handling in React 16)
- Top Resources to Explore React Fiber
- Inspect, Modify, and Debug React and Redux in Firefox with Add-ons
- Try React Fiber with Rekit
- Building Your First React App
- A Practical Guide to Testing React Apps
- Create Chrome DevTools Extension using React.js

Angular:
Libs & Plugins:
- Fitty — Scales up (or down) text so it fits perfectly to its parent container
- image-compressor — A simple JavaScript image compressor.
- spacetime — a lightweight way to handle timezones in js
- cthulhu — extend Redis with JavaScript modules
