Frontend Weekly Digest (25 Feb – 3 Mar 2019)

This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

Web-development    |    CSS    |    Javascript

---

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
  

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.