FRONT-END WEEKLY DIGEST (June 3 - June 9, 2019)

Check the most recent selection of the top frontend industry news and updates. This week we feature insights on CSS, HTML, and JavaScript. Stay tuned!

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 8
  • 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