FRONT-END WEEKLY DIGEST (FEBRUARY 11 - FEBRUARY 17, 2019)

Web-development

• The HTML we never had
• A Timeboxed, Day-by-Day #100DaysOfCode Front-End Development Curriculum
• Bootstrap 4.3.0 (dropping jQuery, moving to Hugo)
• Making Future Interfaces: Inline SVG
• An Introduction To WebBluetooth
• Complete Guide - How to Speed up GIF Videos

• Performance:

  • third-party-web - Summary of which third-party scripts are most responsible for excessive JavaScript execution on the web
  • Resource Prioritization – Getting the Browser to Help You
  • Preloading Fonts and the Puzzle of Priorities
  • DOM performance case study

• Tools:

  • What's New In DevTools (Chrome 73)
  • Puppeteer is my new dev server

• Accessibility:

  • Uncanny A11y
  • Tips for making interactive elements accessible on mobile devices
  • Making Future Interfaces: Inline SVG

• Effective web:

  • Grid Reveal Effects with Anime.js
  • Pure CSS Still Life - Water and Lemons
  • SVG Filter Effects: Conforming Text to Surface Texture with <feDisplacementMap>

CSS

• Announcing the #StateOfCSS 2019 Survey
• The Dark Side of the Grid (Part 1)
• A new approach to visibility utility classes based on CSS Variables
• A 10 Step Guide to Flexbox
• Constructable Stylesheets: seamless reusable styles
• The Process of Implementing A UI Design From Scratch
• CSS selectors level 4
• Intro to Font Metrics
• To Grid or to Flex?
• CSS Scroll Snap — How It Really Works
• Quick! What’s the Difference Between Flexbox and Grid?

JavaScript

• Ember.js: The Documentary (Official Release)
• Computer science in JavaScript: Doubly linked lists
• 5 ways to build real-time apps with JavaScript
• How to Take JavaScript Beyond the Web in 2019
• JavaScript: The Fun Parts
• How I got rid of the new sponsored Facebook posts.
• ES5 to ESNext — here’s every feature added to JavaScript since 2015

• TypeScript:

  • ReasonML vs TypeScript: comparing their type systems
  • How to Use Typescript with React and Redux
  • clean-code-typescript - Clean Code concepts adapted for TypeScript

• Theory:

  • The Visual Guide To JavaScript Variable Definitions & Scope
  • The Basics Of JavaScript Variable Definitions & Hoisting

• VueJS:

  • Building a Vue.js SPA to Sell Developer Tees
  • Turn Your Static SVG Drawings Into Interactive Widgets and Infographics With Vue.js

• React:

  • Why I’m excited with React Hooks?
  • Building a React Autocomplete Component from scratch
  • Animation in React
  • The Magic of React-Based Multi-Step Forms
  • Everything You Need to Create a Custom React Hook
  • Achieving Accessibility in React Applications
  • What I learned from learning React in 2 nights after years of working with Angular

• Angular:

  • Managing Image Breakpoints With Angular
  • A Tour of Angular Console
  • Tooltip with Angular CDK