Frontend Weekly Digest (3 – 9 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

• How to Use the Web Share API
• The SEO Requirements for a New Website

• Performance:
  • Extract critical CSS. Learn how to improve render times with critical CSS technique.
  • Effectively boost your (mobile) website performance!
  

• Accessibility:
  • Building the most inaccessible site possible with a perfect Lighthouse score
  • Indicating focus to improve accessibility
  • The Anatomy of Accessible Forms: The Problem with Placeholders
  • Form accessibility: a practical guide
  • Web Accessibility In Context. How do browsers and HTML support screen readers today?
  

• Animations:
  • Inspirational Websites Roundup #5
  • Awesome Demos Roundup #5
  

CSS

• Prevent Page Scrolling When a Modal is Open
• Movin’ Modals Along a Path
• The CSS Mindset
• CSS Architecture — Folders & Files Structure
• CSS Grid Level 2 – subgrid is coming to Firefox
• Variable fonts and quirky custom axes
• Keeping your CSS in JS clean

JavaScript

• JSHeroes 2019
• How To Control Music With A PS4 DualShock and JavaScript
• Enabling Modern JavaScript on npm
• JavaScript: SEO Mythbusting
• JAVASCRIPT SEO is DEAD! Now what?

• Theory:
  • Arrays in JavaScript: From [0] to [ ‘H’, ‘E’, ‘R’, ‘O’ ]
  • Magical, Mystical JavaScript Transducers
  

• React:
  • Creating Animations Using React Spring
  • Top 5 skills to learn as a junior JavaScript developer
  • How I made my React app 4 times faster.
  • What’s the big deal with React hooks?
  • Cache your React event listeners to improve performance.
  

• Angular:
  • Angular & RxJS: Async Pipe Deep Dive
  • A journey into Angular Animation
  • Angular CLI under the hood — builders demystified v2
  • Angular: A Journey of one of the Most Popular Front End Tool in Today's Job Market
  

• VueJS:
  • Tutorial: How To Make an Animated Interactive Vue.js Slider
  • Vue.js Gotchas. Common Fixes for Major Headaches
  • Building a Dynamic Tree Diagram with SVG and Vue.js
  

• Ember:
  • Crash Log Podcast: Product Hunt launch, speed vs. quality, integrations
  • EmberMap Podcast, Ep. 64 — Open source isn't free
  • React Response Hot Loading
  

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