Frontend Weekly Digest #98 (25 Feb–3 Mar 2019)

Web-development

• Portfolio Rework Part 1: Animation, Micro interaction & SVG
• Static Site Generators: A Beginner’s Guide

• Accessibility:
  • When Is A Button Not A Button?
  • Accessibility is not a “React Problem”
  • Web Accessibility Guide — A curated collection of web accessibility tips, tricks, and best practices.
  • ARIA Authoring Practices on Accessible Date Pickers
  • An accessibility analysis of the top 1,000,000 home pages
  • Using Artificial Intelligence to Generate Alt Text on Images
• Performance:
  • A Bit of Performance
  • Serve Responsive Images
• Animations:
  • SVG Filter Effects: Moving Forward
  • Text Trail Effect

CSS

• Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints
• The CSS mental model by PPK
• The CSS Working Group agreed on adding many math functions
• Breaking Boxes With CSS Fragmentation by Rachel Andrew
• Recreating the Facebook Messenger Gradient Effect with CSS
• CSS selectors cheatsheet & details
• Lesser-known CSS properties in GIFs
• 8 Little Videos About the Firefox Shape Path Editor
• Do CSS Custom Properties Beat Sass Loops?
• Look Ma, No Media Queries! Responsive Layouts Using CSS Grid

JavaScript

• JavaScript SEO: Welcome to a new series!
• How to write simple modern JavaScript apps with Webpack and progressive web techniques
• Releases: Apollo Client 2.5, Ember 3.8, GSAP 2.1
• Understanding a Performance Issue with “Polymorphic” JSON Data

• Theory:
  • The Complete Guide to Loops in JavaScript
  • What’s the longest keyword sequence in Javascript?
  • Callbacks: The Definitive Guide
• React:
  • We migrated to Next.js to serve our home page 7.5× faster
  • Improving Performance in React Functional Components using React.memo()
  • How the “Golden Rule” of React components can help you write better code
  • Writing Tests for React Applications Using Jest and Enzyme
  • Redux explained in 1 minute
  • 8 reasons to use styled-components
• VueJS:
  • Sliding In And Out Of Vue.js
  • Creating Custom Directives in Vue.js
  • One more example of abstract component in Vue.js
• Angular:
  • MVC in an Angular World
  • Announcing Angular Loadable (ngx-loadable ~ 2.2kB)
  • How to Transfer Files and Data Between Angular Clients and Node.js Backends
• Libs & Plugins:
  • FrenchKiss.js — a blazing fast lightweight i18n library written in JavaScript, working both in the browser and NodeJS environments. It provides a simple and really fast solution for handling internationalization.
  • terser — A JavaScript parser and mangler/compressor toolkit for ES6+.
  • cnbuilder — Yet another classname string builder
  • Zero Server: zero configuration web framework
  • npmf: fetch quick info of a npm pacakge using terminal