FRONT-END WEEKLY DIGEST (JANUARY 7 - JANUARY 13, 2019)

We've gathered the top news on Front-end, CSS, HTML, and browsers on the Internet. Make sure not to miss the next digest and follow us on Facebook, Linkedin, and Twitter. Stay tuned!

Web-dev

• New year, new GitHub: Announcing unlimited free private repos and unified Enterprise offering
• Chrome DevTools: The five most popular DevTools tips from 2018
• Designing the Flexbox Inspector
 

• Performance:
  • Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]
  • The Ethics of Web Performance

• Accessibility:
  • Creating Accessible SVGs
  • The State of Accessibility

• Animations:
  • Using Animation Worklet
  • Animated Mesh Lines

CSS

• CSS doesn’t suck
• New horizons in CSS: Houdini and the Paint API
• Sass Techniques from the Trenches
• Styling a Web Component
• How CSS specificity works in the browser
• Why we need CSS subgrid
• When And How To Use CSS Multi-Column Layout
• Piecing Together Approaches for a CSS Masonry Layout
• An introduction to CSS Containment
 

JavaScript

• 2018 JavaScript Rising Stars
• Computer science in JavaScript 2019: Linked list
• Defensive JavaScript. How to write code that doesn't do what it oughtn't
• 9 Tricks for Kickass JavaScript Developers in 2019
• Removing JavaScript’s “this” keyword makes it a better language. Here’s why.
• I Hate JavaScript’s for loops. Let Me Tell You Why. 
 

• Practice:
  • How to Write Your Own Custom Mouse UI Class In Vanilla JavaScript
  • How to get started with Competitive Programming in JavaScript
  • Converting Color Spaces in JavaScript
  • How to Create a PDF Viewer in JavaScript

• ES2015+:
  • New ES2018 Features Every JavaScript Developer Should Know
  • How To Master Async/Await With This Real World Example
  • Improve your asynchronous Javascript code with async and await

• Node:
  • Announcing Matterhorn 🏔 a Node.js API Server Boilerplate
  • A Beginner’s Guide to Server-Side Web Development with Node.js
  • Build a Personal Facebook Messenger Bot in 10 minutes with Nodejs and Standard Library

• React:
  • How to go from scratch to Create-React-App on Windows
  • Getting Started with Web Accessibility in React
  • A Complete React Boilerplate Tutorial — From Zero to Hero
  • The React Handbook
  • How I built an async form validation library in ~100 lines of code with React Hooks
  • Create a Snapping Image Swiper like Instagram with React
  • React Kawaii - Cute React SVG Components

• VueJS:
  • 10 Best Tips for Learning Vue from Vue Masters 🏔<
  • 30 Days of Vue. An Introduction to Vue - in 30 Bite-Size Morsels. Written by the authors of Fullstack Vue

• Angular:
  • Angular Material Starter with Ng-Bootstrap support
  • Build an App with Everything New & Noteworthy in Angular 7
  • On the way to Angular 8: Angular 7.2 released

• Libs & Plugins:
  • Anime.js v3.0.0 is out ! It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
  • karin: an elegant promise based HTTP client for the browser and node.js
  • Your WebGL aiders