FRONT-END WEEKLY DIGEST (October 21 - October 27, 2019)

We've prepared a carefully selected bunch of useful links in frontend development. Get the latest insights and updates on HTML, JavaScript, and CSS in our latest digest to stay on top of the industry news. Stay tuned!

Web-development

• Nordic.js 2019, 27 videos
• HTMHell - A collection of bad practices in HTML, copied from real websites.
• The IndieWeb Movement: Owning Your Data and Being the Change You Want to See in the Web
• Create A Bookmarking Application With FaunaDB, Netlify And 11ty
• A Guide To Optimizing Images For Mobile
• Why Parcel Has Become My Go-To Bundler for Development
• Image orientation on the web

• Tools

  • Why Are Accessible Websites so Hard to Build?
  • Accessibility, the future, and why Domino’s matters
  • Fata Morganas in Accessibility
  • Accessible Drop Caps

• Effective web

  • Making Gooey Image Hover Effects with Three.js
  • Playing Beat Saber in the browser with body movements using PoseNet & Tensorflow.js
  • Credit Card Form - VueJs
  • Visualizing Sound With D3 and Web Audio API

CSS

• The two-value syntax of the CSS Display property
• Game changing for CSS: min() and max() now in @webkit
• Use CSS Grid in production — today
• 8 state-of-the-art CSS features (and how to use them)
• Frontend Focus: Dark Mode 🕷
• CSS Trends 2019: Your Ultimate Guide to Follow the Latest CSS Trends
• History of grids: from the printing press to modern web design
• A tiny guide to Variable Color Fonts
• 25 Days of CSS Animations: Teaching Myself CSS through Motion Design.

JavaScript

• How to Build a News App with Svelte
• 7 Most Popular Node.js Frameworks in 2019
• Writing Asynchronous Tasks In Modern JavaScript
• The problems of shared mutable state and how to avoid them
• Demystifying the Mysteries of sort() in JavaScript

• Releases

  • Node.js 12 to LTS and Node.js 13 is here!
  • Electron 7.0.0
  • Puppeteer v2.0.0 Release Notes

• Svelte

  • What I Like About Writing Styles with Svelte
  • How to Build a Tic Tac Toe Game with Svelte
  • The Svelte Handbook
  • Svelte vs React: First impressions
  • Svelte Crash Course (in 10 pics!)

• React

  • Preparing for the Future with React Prereleases
  • I tested a React app with Jest, Enzyme, Testing Library and Cypress. Here are the differences.
  • How to Use Context API with Hooks Efficiently While Avoiding Performance Bottlenecks
  • 7 Ways to Implement Conditional Rendering in React Applications
  • Lessons learned from 5 years in React

• Vue

  • 10 Good Practices for Building and Maintaining Large Vue.js Projects
  • A Year With Nuxt.js — A Genuine Review of the Framework
  • Using Vue Composition API with Firebase
  • Thought on Vue 3 Composition API - `reactive()` considered harmful

• Angular

  • Angular Architecture - Unofficial Docs
  • Angular & CSS Grid: Dynamic Grid Properties
  • How To Properly Implement Lazy Loading in Angular 7/8

• Libs & Plugins

  • plexis - Lo-fi, powerful, community-driven string manipulation library.
  • Jsfuzz: coverage-guided fuzz testing for Javascript
  • Peaks.js — Interact With Audio Waveforms

Browsers

• Firefox 70 — a bountiful release for all
• Firefox 70 for developers
• New in Chrome 78
• Introducing Progressive Web Apps to Samsung Galaxy Store