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?
• podcast

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.

Frontend Weekly Digest (24 – 30 June 2019)