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

Stay on top of the latest web development news and insights with our weekly front-end digest. Check the key highlights on HTML, JavaScript, and CSS and stay tuned with our blog updates to get more!

Web-Development

• Planning for Responsive Images
• 30 years ago the world changed forever
• KV Storage: the Web's First Built-in Module
• Accessibility insights is a new #a11y testing tool that gives you fast and actionable information about accessibility problems in your products
• Add first-class support for differential script loading

• Performance:

  • Announcing Lite Pages for Chrome: a faster loading experience for users on *very* slow networks. Opt-in via Data Saver for smarter server pre-rendering & prioritization of page sub-resources. Works on HTTPS.
  • Making Sense of Chrome Lite Pages

• Tools:

  • Sublime Text 3.2 Is Out! Git Integrated and Still Blazing Fast
  • How to Use Chrome as an IDE

CSS

• WebP in CSS - PostCSS plugin and tiny JS script (128 bytes) to use WebP in CSS background
• How You Can Get Started with CSS Grid
• Designing An Aspect Ratio Unit For CSS
• CSS debugging is hard
• if statements and for loops in CSS
• How to manipulate CSS colors with JavaScript
• Redesigning Our Docs – Part 4 – Building a Scalable CSS Architecture
• Why can’t I set the font size of a visited link?
• Web Standards Meet User-Land: Using CSS-in-JS to Style Custom Elements
• Getting started with PostCSS in 2019
• Moving Underline Nav Menu

JavaScript

• Update on Experimental Features in Node.js
• GraphQL in Depth: What, Why, and How
• How I ruined my JavaScript code and still won the Coding Challenge
• JavaScript in 14 minutes

• Theory:

  • Converting Callbacks to Promises
  • When "Zoë" !== "Zoë". Or why you need to normalize Unicode strings
  • 7 Tricks with Resting and Spreading JavaScript Objects

• VueJS:

  • How to Replace jQuery with Vue
  • How to set up responsive UI search in Vue.js
  • Vue a11y - Vue.js community project to improve web accessibility.

• React:

  • React Hooks: How to Get Started & Build Your Own
  • Add Animations to React Apps with React-Lottie
  • Optimal file structure for React applications
  • You don’t need a fancy framework to use GraphQL with React

• Angular:

  • Automatically upgrade lazy-loaded modules for Ivy!
  • Implementing File Upload Using Node and Angular
  • Building Angular and React Applications Together With Nx

• Libs & Plugins:

  • Why you shouldn't use Moment.js...
  • promise-utils: Lodash-like, dependency-free utilities for native ES6 promises
  • async parallel/serial foreach in JavaScript
  • lax.js - Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create smooth & beautiful animations when you scroll