Frontend Weekly Digest (24 – 30 June 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

• Getting started with web performance? Here's what you need to focus on.
• Build A PWA With Webpack And Workbox
• Spam Detection APIs
• Mimic Relative Positioning Inside an SVG with Nested SVGs
• HTML can do that?
• syntax.fm podcast №154: SVGs с Sara Soueidan

• Accessibility:
  • How accessibility trees inform assistive tech
  • Midyear ADA Web & App Accessibility Lawsuit Report
  • What is Accessibility for Web Apps and Why Do I Care?
  

• Effective web:
  • How to do scroll-linked animations the right way
  • Learn the fundamentals of synthesis with our new, interactive website Running on Web Audio, WebAssembly and WebGL. Made with three.js, Tone.js, anime.js and React using TypeScript and much
  • useAnimations: animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites
  

CSS

• Three Predictions From the State of CSS 2019 Survey
• The Ultimate Guide to Flexbox Centering
• a11y-css-reset
• Building a Conference Schedule with CSS Grid
• Drag-n-drop sticky, with no JS!
• Variable Fonts for Developers
• Thinking of BEM as a UI Philosophy Instead of a CSS Naming Convention

JavaScript

• Amsterdam JSNation 2019, 15 videos
• The cost of JavaScript in 2019 by Addy Osmani
• RxJS: A Simple Introduction
• Instant Search with Vanilla JavaScript

• Mongo/Node:
  • Design patterns in Node.js: a practical guide
  • The new ECMAScript module support in Node.js 12
  • Firebase vs. MongoDB: Which Database to Use for Your App Development
  

• VueJS:
  • Why people got mad with Vue 3
  • A Beginner’s Guide to Vue CLI
  • In Vue, When Do I Actually Need the :key Attribute and Why?
  • How to Get Started with Vuetify
  

• React:
  • Getting to Know the useReducer React Hook
  • The Myth of Inaccessible React
  • The 10 Component Commandments
  • Adding a WebAssembly component to a React App
  • Advanced React Hooks Concepts — through Snake!
  • Next.js vs. Create React App: Whose apps are more performant?
  

• Angular:
  • The State of Angular in 2019
  • Understanding the Magic Behind Angular Elements
  • Creating a Music Player Application Using Kendo UI and Angular
  • What I learnt during 3 years of Angular 2+ development
  

• Ember:
  • Getting Started With Glimmer-Native
  • Ember.js Seattle Meetup featuring Yehuda Katz
  • Wishes for the Ember roadmap 2019
  

• Libs & Plugins:
  • freezeframe.js — a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions
  • TWGL: A Tiny WebGL helper Library
  • pixelmatch: the smallest, simplest and fastest JavaScript pixel-level image comparison library
  • svelte-adapter: use Svelte components with Vue and React
  

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