Frontend Weekly Digest #135 (2— 8 December 2019)

Web-development

• Making a Better Custom Select Element
• The Rising Complexity of JAMstack Sites and How to Manage Them
• World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation
• AI in browsers: Comparing TensorFlow, ONNX, and WebDNN for image classification

• Tools
  • Pros, Cons, Tips and Tricks when using Prettier in a large codebase
  • npm vs Yarn Commands Cheat Sheet
• Performance
  • Performance Tips for Background Video
  • The ugly truth about optimising beautiful images
  • JavaScript component-level CPU costs
  • The subtle art of predictive prefetching
• Accessibility
  • There is no “Myths of Color Contrast Accessibility”
  • 8 Weird Tips Accessibility Specialists Don’t Want You to Know!
  • Future Accessibility Guidelines — for People Who Can’t Wait to Read Them
  • Web Components and the Accessibility Object model (AOM)
  • Cost per hour for Accessibility Testing
  • Smashing Podcast Episode 4 With Heydon Pickering: What Are Inclusive Components?
  • Addy Osmani: Accessibility Tips for Web Developers
• Effects
  • Motion Paths — Past, Present and Future
  • Awesome Demos Roundup #11
  • Techniques for Rendering Text with WebGL
  • Beautiful Scrolling Experiences — Without Libraries

CSS

• An Introduction to Variable Fonts
• Having a Little Fun With Custom Focus Styles
• CSS: An Art, a Science, a Nightmare (Everything You Should Know)
• Make a smooth shadow, friend
• A tale of CSS Resets and Everything You Need to Know About Them
• CSS Layout — a collection of popular layouts and patterns made with CSS
• Calculating Color: Dynamic Color Theming with Pure CSS
• Learn to Build a Masonry Gallery Layout Using Pure CSS

JavaScript

• Type Checking in JavaScript is Slightly Screwed
• What’s New for Node.js in 2020
• JavaScript, ES6, ES7, ES10 where are we?
• A simple guide to load C/C++ code into Node.js JavaScript Applications
• 5 Anti-Patterns to Avoid When Working With Collections in JavaScript
• The people behind JavaScript: Allen Wirfs-Brock
• 63 Best Nodejs Interview Questions and Answers
• How Does Svelte Actually Work? part 1
• Ember Octane Preview Highlights

• Theory
  • You Don’t Need Loops in JavaScript
  • Callbacks vs. Promises in JavaScript
• React
  • Release create-react-app v3.3.0
  • Introducing React View, an Interactive Playground for Your Components
  • Build a GraphQL + React App with TypeScript
  • Сравнение React Native и Flutter с точки зрения их применения в реальных проектах
  • How to write correctly typed React components with TypeScript
  • How to Include React in a WordPress Theme
• Vue
  • A trick up Vuex’s sleeve: Promises and WeakMaps
  • Filtering Lists Dynamically With Vue on the Server Side is Easier Than You’d Think
  • How to use an OAuth based API in Vue.js?
  • Building an Infinite Scroll Component using VueJS and GraphQL
  • Build an advanced search and filter with Vuex (in Nuxt)
• Angular
  • My Top Favorite Tools for Angular Developers
  • How to build an Angular 8 application with API request in 10 minutes?
  • The Future of Angular with Ivy
  • 20 tips for Angular performance

Browsers

• Firefox 71: A year-end arrival
• What’s New In DevTools (Chrome 80)