Frontend Weekly Digest (11 – 17 Feb 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    |    CSS    |    Javascript 

---

Web-development

• The HTML we never had
• A Timeboxed, Day-by-Day #100DaysOfCode Front-End Development Curriculum
• HTML5 Boilerplate v7 released
• 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:
  • Introducing: pika/pack — npm package building, reimagined
  • 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
  • Learn pure functions with JavaScript
  

• 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