Measuring websites with mobile-first optimization tools, using Chrome as a local web server, inspecting email Accessibility in Firefox, demystifying JavaScript’s ‘new’ keyword, and more. Feel free to review our latest FED digest now!

Web Development

• I built a PWA and published it in 3 app stores. Here’s what I learned.
• HTML5’s Global `hidden` Attribute

• Performance:
  • Measuring Websites With Mobile-First Optimization Tools
  • GTmetrix Bookmarklet – Start a Test from your Bookmarks Bar!
  • Case study: analyzing the Walmart site performance
  • Perfume.js – A JavaScript library for measuring Short and Long Script, First (Contentful) Paint (FP/FCP), Time to Interactive (TTI), Component First Paint (CFM), annotating them to the DevTools timeline and reporting the results to Google Analytics.

• Tools:
  • Announcing npm@6
  • The Node.js Project Introduces Latest Release Line: Node.js 10.x
  • What’s New in Node 10
  • These 6 essential tools will release, version, and maintain your NPM modules for you
  • webpack 4 configurator — сreate a personalized and optimized webpack.config.js
  • Using Chrome as a Local Web Server

• Accessibility:
  • WCAG 2.1: What is Next for Accessibility Guidelines
  • More accessible markup with display: contents
  • reddit: An accessibility review of the top bar.
  • HTML Email and Accessibility
  • Inspecting Email Accessibility in Firefox
  • Accessible Memes Can Be Done
  • Infinite Scroll & Accessibility! Is It Any Good?

• Animations:
  • Particle Effects for Buttons
  • Native-Like Animations for Page Transitions on the Web
  • Interactive Mario Kart with Only CSS

CSS

• CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance 
• GridtoFlex – Flexbox fallbacks for popular UI solutions that use CSS Grid.
• 7 Tricks for Improving CSS Performance
• Animating Progress
• Radial Gradient Recipes
• 3 ways CSSinJS eliminates waste from our web development workflow
• Layers and how to force them
• Why we decided to drop LESS for SCSS

JavaScript

• How JavaScript works: Under the hood of CSS and JS animations + how to optimize their performance
• Want to learn ES6+? Take this free 23-part course and become a JavaScript ninja.
• VS Code Extensions for Happier JavaScript Coding
• A Brief History of JavaScript, talk by Brendan Eich (creator of JavaScript)
• Demystifying JavaScript’s ‘new’ keyword

• VueJS:
  • Vue.js interview questions
  • VuePress vs Nuxt.js
  • Making responsive Vue components with ResizeObserver
  • A Vue.js App Using Axios With Vuex

• React:
  • Testing Strategies for React and Redux
  • 5 React Architecture Best Practices

• Angular:
  • New Features for Developing AngularJS Applications – Part 1: Component-Based Architecture, Part 2: Build An App
  • Running AngularJS 1.6 in Angular 5 (side by side)

• Libs & Plugins:
  • tui.calendar — a JavaScript calendar that everything you need
  • DayJs — Fast 2KB immutable date library alternative to Moment.js with the same modern API
  • Dinero.js is a library for working with monetary values in JavaScript