Frontend Weekly Digest (17 – 23 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

• Why I don't use web components
• How to Section Your HTML
• Reduced Motion Picture Technique, Take Two
• Web Components Tutorial for Beginners [2019]
• Micro Frontends
• How To Create A PDF From Your Web Application
• Everything you need to know about Progressive Web App (PWA)
• Draggable Menu with Image Grid Previews

• Performance:
  • How to Increase Your Page Size by 1,500% with webpack and Vue
  • Optimizing Google Fonts Performance
  • The #1 Easiest Way to Speed Up a Slow Website
  • How to increase your frontend app’s performance – 5 coding tips
  • exthouse: analyze the impact of a browser extension on web performance
  

• Accessibility:
  • The Anatomy of Accessible Forms: Best Practices
  • Converting divs into accessible pseudo-buttons
  • 5 Keys to Accessible Web Typography
  

CSS

• CSS Day 2019 + UI Special
• CSS day 2019: Part 1: UI special (1/2), Part 1: UI special (2/2)
• CSS Day 2019: some things I learned
• Drop caps & design systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap Updated in Firefox 68
• CJSS — A CSS based web framework

JavaScript

• Building Micro Frontends with React, Vue, and Single-spa
• Bringing service workers to Google Search
• 5 ES2019 features you can use today
• Lambda Calculus in JavaScript?
• JS Essentials: The JavaScript Engine

• VueJS:
  • Vue's Darkest Day
  • Getting Started with Vuex: a Beginner’s Guide
  • Passing Variables to CSS on a Vue Component
  • Use Vue.js Data Binding Options for Reactive Applications
  • Introduction to Vue lifecycle hooks
  • Building a CRUD App with Vue and GraphQL
  

• React:
  • How to Add Internationalization (i18n) to your Preact application
  • React at 60fps — Building a Medium-Inspired Zoom with React-Pose
  • Simplifying React State and the useState Hook
  • What the heck is this in React? (Suspense)
  • Vue without View — An Introduction to Renderless Components
  

• Angular:
  • Custom Angular directives
  • Building scalable, robust and type safe forms with Angular
  

• Ember
  • EmberJS2019 Posts
  • Built-in input helpers in Ember.js: when should they be used?
  • How to Actually Build Superior Web Apps for Free
  • Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
  

• Libs & Plugins:
  • ts-toolbelt: Higher type safety for TypeScript
  • spotlight: web's most easy to integrate lightbox gallery library
  • Just — a build task definition library
  • deepmerge — library for deep (recursive) merging of Javascript objects
  

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