FRONT-END WEEKLY DIGEST (December 2 - December 8, 2019)

It's high time for our weekly frontend development digest to help you stay on top of the latest web development industry news! We've it all covered on CSS, HTML, and JavaScript. Just check and stay tuned for more tech insights!

Web-development

• World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation
• The Rising Complexity of JAMstack Sites and How to Manage Them
• Making a Better Custom Select Element
• 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
  • Firefox 71: A year-end arrival
  • What's New In DevTools (Chrome 80)

• 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

  • 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