Frontend Weekly Digest #122 (2— 8 September 2019)
3 min readSep 8, 2019
Web-development
- Apple Just Shipped Web Components to Production and You Probably Missed It
- So You’re Being Sued for Accessibility Non-Compliance
Performance
- A web performance audit checklist
- Web Performance: Minimising DOM Reflow/Layout Thrashing
- Why I’m preloading a font even when I shouldn’t have to
Tools
- Chrome 77 — What’s New in DevTools
- What’s New In DevTools (Chrome 78)
- Globalization Tools — The State of the Web
- Debugging TypeScript in Firefox DevTools
- Webpack Boilerplate — Minimal Webpack 4 boilerplate with Babel, Sass, ESLint, Hot Module Replacement, and development/production optimization.
- 5 Tips and Tricks for Firefox DevTools — Storage Inspector
Effects
- How to Create a Webcam Audio Visualizer with Three.js
- A Configurator for Creating Custom WebGL Distortion Effects
- Inspirational Websites Roundup #8
- How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG
CSS
- Using a PostCSS function to automate your responsive workflow
- Various Methods for Expanding a Box While Preserving the Border Radius
- My favorite CSS hack
- CSS Variables for IE11: A real polyfill for Custom Properties in IE11
- What CSS Developers Do and Why You Need One
- Overflow And Data Loss In CSS
- Understanding Specificity in CSS
JavaScript
- How to optimize your JavaScript app by using service workers
- A simple homemade JavaScript obfuscator
- How JavaScript Works
Theory
- Using the DOM like a Pro
- How to Trim Strings in JavaScript (ES2019)
- How To Accelerate the JavaScript Spread Operator
- Should a website work without JavaScript?
- Asynchronous JavaScript: Introduction to JavaScript Promises
- 8 habits you should avoid when developing with Javascript
- JavaScript Iterators and Generators: Asynchronous Iterators
- How To Accelerate the JavaScript Spread Operator
React
- All talks in order from React Rally 2019.
- Document and preview ReactJS components with JSDoc
- Adding spinners and notifications to your React app
- Migrating from JavaScript to TypeScript in a Real World React Project
- React Microfrontends and Monorepos: A Perfect Match
- Why is React doing this?
- Model-Based Testing in React with State Machines
Vue
- How to Target the DOM in Vue
- Lazy Loading Individual Vue Components and Prefetching
- Dynamic SVG Markers for Google Maps in Vue.js
- How to Use Environment Variables in Vue.js
- How To Use Google Maps With Vue.js Apps
- Vue PWA: A Progressive Web Application Example With Nuxt
Angular
- Beginner’s Guide to GraphQL with Angular and Apollo
- Angular Dependency Injection Tips
- How to use form builders in Angular 8 to validate reactive forms
- Sharing Components with Angular and Bit
Ember
- Ember Concurrency
- Commit Porto ’19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)
Libs & Plugins
- Live Avatars (like Animoji in the Browser) with face-api.js
- hashids.js — A small JavaScript library to generate YouTube-like ids from numbers
- O-GL — Minimal WebGL framework
- spacetime: the utiltity for working with timezones
