Frontend Weekly Digest (18 – 24 Mar 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

• Top 5 Frontend Development Megatrends
• Web Development Trends 2019
• SVG Circle Decomposition To Paths
• All About mailto: Links
• Web Components, article series
• How to Make a Progressive Web App From Your Existing Website
• How to Create Smooth WebGL Transitions on Scroll using Phenomenon

• Performance:
  • Preload, prefetch and other tags
  • Measuring the Performance Impact of Third-Party Scripts
  • Who has the fastest website in F1?
  • How we built the fastest conference website in the world
  • The 10 Must-Track Web Performance Metrics
  

• Accessibility:
  • Building accessible websites and apps is a moral obligation
  • Web Accessibility For Beginners
  

CSS

• Add SVG filters with CSS
• Stacked “Borders”
• CSS is Getting Trigonometry Functions to Help Web Devs Avoid JavaScript
• Sophisticated Partitioning with CSS Grid
• Blurred Borders in CSS
• HTML periodical table (built with CSS grid)
• Scope in CSS
• All you need to know about hyphenation in CSS
• Flexulator — Flexbox space distribution calculator
• Things nobody ever taught me about CSS.
• Finally, a CSS only solution to :hover on touchscreens

JavaScript

• A Homepage for the JavaScript Specification
• Intro to RxJS Concepts with Vanilla JavaScript
• How to detect a user’s preferred color scheme in JavaScript
• I Don’t Hate Arrow Functions, (But..)
• A list of books and articles for the discerning web developer to read.

• React:
  • React Router v5
  • Getting Started with React (2019 Edition)
  • What I learned from React after a month of dedicated learning and creating
  • Accessible Routing in React
  • React State: Choose Wisely
  • How to Build a Real Time Logo Detection App with React Native, Google Vision API and Crowdbotics
  

• VueJS:
  • Vue 2.6.6 Release part1
  • The Difference Between Computed Properties, Methods and Watchers in Vue
  • How to Reduce Your Vue.JS Bundle Size With Webpack
  • Vuex—The Deep Dive
  • TradingVue.js is a hackable charting lib for traders.
  • Get Started Writing Class-based Vue.js Apps in TypeScript
  • Nuxt.js: a Minimalist Framework for Creating Universal Vue.js Apps
  • [VueJS Amsterdam 2019] Evan You — State of the Vuenion
  

• Angular:
  • Tips for Optimizing your Angular Application
  • Tips for Debugging your Angular Applications
  • How to develop, consume, and publish an Angular library to NPM… but sometimes its not Worth it!
  

• Libs & Plugins:
  • construct-js — a library for creating byte level data structures
  • fromfrom is a library to transform sequences of data from one format to another.
  • CrumbsJS: a lightweight, intuitive, vanilla ES6 fueled JS cookie and local storage library.
  

Browsers

• Firefox 66: The Sound of Silence
• Get the tablet experience you deserve with Firefox for iPad
• I Used The Web For A Day On Internet Explorer 8
• A first look at Microsoft’s new Chromium-powered Edge browser


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