Frontend Weekly Digest #230 (4–10 October 2021)

Web-development

• The Options for Password Revealing Inputs
• Considerations for Using Markdown Writing Apps on Static Sites
• Jamstack Conf 2021
• Safe DOM manipulation with the Sanitizer API
• How I built a modern website in 2021

• Effects
  • Animation Techniques for Adding and Removing Items From a Stack
  • Creating 3D Characters in Three.js
  • Deconstructing the homunculus.jp Distortion with Three.js
  • Inspirational Websites Roundup #30
  • FlipBoxes
  • Atropos — a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

CSS

• A Guide To CSS Debugging
• Conditional Border Radius In CSS
• CSS in TypeScript with vanilla-extract
• Scroll Shadows With JavaScript
• Skeleton Screen Loading Animation using HTML & CSS
• CSS Units Guide, everything you need to know

JavaScript

• Writing clean JavaScript tests with the BASIC principles
• 27 Essential One-Line JavaScript Functions Used By Developers Daily
• Penetration and Security in JavaScript
• What are Higher-Order Functions in JavaScript?
• How Relevant is Still TypeScript in 2021?
• Replacing jQuery with Vanilla ES6
• Yet another interview question deep dive: Intersection of Two Arrays
• Performing HTTP Requests: Fetch Vs Axios
• JavaScript Object Immutability

• Bundlers
  • 6 Tools and Techniques to Analyze Webpack Bundle Size
  • The Ultimate Guide to Getting Started with the Rollup.js JavaScript Bundler
  • 5 Methods to Reduce JavaScript Bundle Size
• React
  • Pagination in Javascript and React, with a custom usePagination() hook
  • Understanding React Router with a Simple Blog Application
  • The Complete Guide To Prop-Types In React
  • React Oxide is a simple code editor that you can add to your ReactJS projects.
  • React Project Architecture
• Vue
  • Composable CSS Animation In Vue With AnimXYZ
  • How We Refreshed Our Vue 2 JavaScript Codebase With Some TypeScript Flavour
• Angular
  • Angular: the best videos from September, 2021
• Ember
  • The Ember Times — Issue №190
  • Ember + WebStorm Editor Config
  • Accessibility is Reach: What is the future of accessibility in Ember?
• Svelte
  • PodRocket podcast: Svelte with Rich Harris
  • Trying Out Svelte For First Time
• Libs & Plugins
  • VanillaTreeViewer is a minimalist file browser for compactly displaying several files at once.
  • construct-js — a library for creating byte level data structures.
  • emoji-regex: a regular expression to match all Emoji-only symbols as per the Unicode Standard

Browsers

• Implementing form filling and accessibility in the Firefox PDF viewer
• Firefox 93 for developers
• What if Chrome broke features of the web and Google forgot to tell anyone? Oh wait, that’s exactly what happened