Frontend Weekly Digest #49 (5–11 March 2018)

Web-development

• Choosing Between Progressive Web Apps, React Native & NativeScript in 2018

• AMP:
  • Standardizing lessons learned from AMP
  • Inside Google’s plan to make the whole web as fast as AMP
  • AMP is not the issue, it’s Google
• Performance:
  • Loading Third-Party JavaScript. 🕵️‍♀️ Use DevTools & Lighthouse to identify costly 3P scripts 👍 Efficiently load them to improve performance
  • Three Techniques for Performant Custom Font Usage
  • Ultimate Guide to Browser Hints: Preload, Prefetch, and Preconnect
  • How I Optimized My Slow WordPress Site To Load In .2s (With 100% Pingdom + GTmetrix Scores): A Comprehensive List Of 40+ Up-To-Date WordPress Speed Optimization Tips
• Tools:
  • Introducing `npm ci` for faster, more reliable builds
  • What’s New in webpack 4
  • New in Chrome 65: CSS Paint API, Server Timing API, and CSS display: contents
  • coördinator — Turn an SVG into XY coördinates
• Accessibility:
  • Accessible Landmarks
  • A11y isn’t Just…
  • Accessibility Guidelines by Vox
  • Some Things About `alt` Text
• Animations:
  • Creative Audio Visualizers by p5.js and its p5.sound library.
  • CSS Techniques and Effects for Knockout Text
  • Wormco — Animated status indicator

CSS

• Stable 3.5 LibSass release, less 3.0.0
• How to Write CSS That Works in Every Browser, Even the Old Ones
• How I organize CSS in large projects using UFOCSS — Part 1
• Say Hello to Houdini and the CSS Paint API
• We Write CSS Like We Did in the 90s, and Yes, It’s Silly

• Fonts:
  • It’s Dangerous to Go Stallone. Take Glyphhanger
  • Increase Font Size with CSS Variables
  • Font (More) Awesome — an iconic invention
  • User Experience and Web Fonts or. The Crazy World of Loading Fonts on the Web
  • FontDrop! — Simply drag and drop your OpenType or TrueType font files onto this website to see what’s inside them.

JavaScript

• GraphQL: Everything You Need to Know
• How I built super fast JS framework
• JavaScipt Modules Worth Using
• The 4 Layers of Single Page Applications You Need to Know

• Typescript:
  • My new best friend TypeScript
  • TypeScript — JavaScript with superpowers — Part II
  • An Introduction to TypeScript: Static Typing for the Web

• VueJS:
  • Getting Started with NativeScript-Vue 1.0
  • vue-tour — Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue.js
  • Four tips for working with Vue.js

• React:
  • react-css-grid-table — A React table library using CSS Grid Layout
  • Managing Form State in React With Redux Form

• Angular:
  • Get Started with ngUpgrade: Going from AngularJS to Angular
  • Use React tools for better Angular apps
  • tinystate — a tiny, yet powerful state management library for Angular
  • Create Angular Libraries in No Time Using Schematics
• Libs & Plugins:
  • Awaity.js — a functional, lightweight alternative to bluebird.js, built with async / await in mind
  • workly — a really simple way to move a stand-alone function/class to a web worker

See more on https://www.zfort.com/blog/