Frontend Weekly Digest #155 (20–26 April 2020)

Web-development

• Limiting input type=”color” to a certain palette (from an image)
• Responsive Web And Desktop Development With Flutter
• Are you using SVG favicons yet? A guide for modern browsers.
• SVG, Favicons, and All the Fun Things We Can Do With Them

• Performance
  • 4 Most Common Page Speed Testing Mistakes
  • Better Image Optimization by Restricting the Color Index
  • Real-World Effectiveness of Brotli

CSS

• 98.css — A design system for building faithful recreations of old UIs.
• Building a Scalable CSS Architecture With BEM and Utility Classes
• Spacing in CSS
• A Really Cool New Exploration in CSS-in-JS That I’m Keeping My Eyes On
• CSS for internationalisation
• Dark mode and variable fonts
• CSS Section Separator Generator
• How to Make a CSS-Only Carousel
• Learning How to Create CSS Creatures
• Creating Playful Effects With CSS Text Shadows
• Accessible Font Sizing, Explained

JavaScript

• Node.js version 14 available now
• Isomorphic Layout Composer — complete solution for Micro Frontends composition into SPA with SSR support
• The Cost of Javascript Frameworks
• JavaScript Style Guide: Key takeaways from Google’s Style Guide
• How does TypeScript work? The bird’s eye view

• React
  • Implementing Skeleton Screens In React
  • Vidact — A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM
  • React Podcast 91: Dominic Nguyen on Chromatic and Visual Regression Testing
  • Getting started with react-redux-firebase
  • Write clean(er) Components & JSX
  • React Hook Form — An Elegant Solution to Forms in React
  • 3D-аркада в браузере: как мы сделали игру на React + Redux
• Vue
  • Turning Vue components into reusable npm packages
  • Vue.js: Lazy load routes & Webpack dynamic comments
• Angular
  • Angular: Making API Calls the right way
  • 10 less known Angular features you’ve probably never used
  • How to implement drag and drop with Angular 9
• Ember
  • The Ember Times — Issue №145
• Svelte
  • Event Handlers and Svelte
• Libs & Plugins
  • markmap-lib — Visualize your Markdown as mindmaps with Markmap.
  • How to Make Stunning Data Visualizations With D3.js
  • Crank.js — Write JSX-driven components with functions, promises and generators.