FRONT-END WEEKLY DIGEST (JUNE 25 - JULY 1, 2018)

Web Development

• YGLF 2018 Kyiv, 25 videos
• How WebAssembly is Accelerating the Future of Web Development
• How To Make Your Web Apps Mobile-Friendly
• Web Caching Explained by Buying Milk at the Supermarket
• lepto - Automated image Editing, Optimization and Analysis via CLI and a web interface
• Foundation 6.5.0 (RC 1) is out now and comes with a lot of bug fixes and various improvements

• Performance:
  • Improving Page Load Performance: Pingdom, YSlow and GTmetrix
  • An Overview of the RAIL Performance Model

• Accessibility:
  • Accessibility inspector in Firefox Developer Tools
  • Designing for accessibility is not that hard

• Animations:
  • CodePen Challenge: Menu
  • Triple Panel Reveal Slideshow
  • Rabbit Ear is a creative coding javascript library for designing origami
  • tenori-off.glitch.me - a music sequencer in JavaScript by Monica Dinculescu. It even uses Machine Learning to try to match drums to a synth melody you create!

CSS

• How I Dropped 250 KB of Dead CSS Weight with PurgeCSS
• Drawing Images with CSS Gradients
• Pixels vs. Ems: Users DO Change Font Size
• How and Why We Unit Test Our Sass
• Where is CSS4? When is it coming out?
• How to quickly prototype apps with CSS Grid and CSS Variables
• What is the CSS ‘ch' Unit?
• The simpleton's guide to CSS Grid

JavaScript

• A Practical Introduction to ES2017 Async-Await
• Building AR/VR with Javascript and HTML
• JavaScript Usage by Industry
• New Book: Full-stack JavaScript Web Development — From A to Z
• Learn these core JavaScript concepts in just a few minutes
• ES6 Cool stuffs — A big fat Arrow

• VueJS:
  • Vue + TypeScript: A Match Made in Your Code Editor
  • Dynamic Component Templates with Vue.js

• React:
  • Create a Static Website Blog with Gatsby, CosmicJS, and React
  • How to use Error Boundaries in React 16
  • Bringing Together React, D3, And Their Ecosystem
  • New Features and Fixes We Got with the Latest React Releases

• Angular:
  • 5 Best Courses to learn Angular Framework in 2018
  • Architectures for Huge Angular Based Enterprise
  • Angular — tips and tricks

• Libs & Plugins:
  • gio.js - 3D Globe Info Graphic Declarative Javascript Library Build on Three.js
  • face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
  • docz — It has never been so easy to document your things!

Browsers

• Firefox 61 for developers
• Firefox 61 – Quantum of Solstice
• Opera 54 introduces news articles on Speed Dial and a simplified browser restoration page
• Brave Introduces Beta of Private Tabs with Tor for Enhanced Privacy while Browsing
• Mozilla bakes ‘Have I Been Pwned' into Firefox's new privacy tool
• Improved JavaScript and WebAssembly performance in EdgeHTML 17