Frontend Weekly Digest (4 – 10 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    |    Browsers

---

Web-development

• Where Do You Learn HTML & CSS in 2019?
• PWAs on iOS 12.2 beta: the good, the bad, and the “not sure yet if good”

• Performance:
  • Rendering on the Web
  • GTMetrix — How to Use GTMetrix to Analyze and Boost Website Speed
  • How Does Page Load Time Affect Your Site Revenue?
  • Making Google Fonts Faster
  

• Accessibility:
  • Please stop building inaccessible forms (and how to fix them)
  • Revisiting the abbr element
  • ️Links that don’t go anywhere should be buttons
  • Evangelina Ferreira — The “C” Is For Accessibility
  

• Tools:
  • New features in Webpack 5
  • git-history: Quickly browse the history of any GitHub file
  

• Animations:
  • Text Distortion Effects using Blotter.js
  • Inspirational Websites Roundup #1
  • Animate a Blob of Text with SVG and Text Clipping
  

CSS

• A Guide To CSS Support In Browsers
• Using the Little-Known CSS element() Function to Create a Minimap Navigator
• Pure CSS lettering, a bad and fun idea
• How to create a beating heart with pure CSS for your valentine
• The only reason your CSS fails

JavaScript

• New JavaScript Features That Will Change How You Write Regex
• How to Beat 5 Common JavaScript Interview Challenges
• React vs. Vue (Exact Todo App) By Example
• 7 JavaScript Templating Engines with Code Examples
• First thoughts on Deno, the JavaScript/TypeScript run-time
• Obfuscated javascript, scam emails, and American Express

• Practice:
  • Accurate estimation of read time for Medium articles in JavaScript
  • How to detect a sequence of keystrokes in JavaScript
  • Animate Your Digits Like Robinhood
  

• Theory:
  • Do we still need JavaScript frameworks?
  • Yield! Yield! How Generators work in JavaScript.
  • JavaScript Wizard: What’s up with ‘this’?
  

• VueJS:
  • Vue 2.6 released
  • What Hooks Mean for Vue
  • Productivity in Vue — Part 2
  • Vuethereum: The Vue library Ethereum deserves
  • A little background on JavaScript modules
  • Vue.js App Performance Optimization: part 2— Lazy loading routes and vendor bundle anti-pattern.
  

• React:
  • React v16.8: The One With Hooks. With React 16.8, React Hooks are available in a stable release!
  • How to load data in React with redux-thunk, redux-saga, suspense, & hooks
  • How to Get Started With React Hooks: Controlled Forms
  • Building an Online Retail Dashboard in React
  • React as a UI Runtime
  • No-boilerplate global state management in React
  

• Angular:
  • A plan for version 8.0 and Ivy
  • The Need for Speed: Lazy Load Non-Routable Modules in Angular
  • Unleash the power of Forms with Angular’s Reactive Forms
  • How to implement localization in Angular using i18n tools
  

• Libs & Plugins:
  • MiniSearch — Tiny but powerful fulltext search engine for browser and Node
  • uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application.
  • timetable-fns: useful date and time utility functions for working with timetables
  • x-spreadsheet: a web-based JavaScript spreadsheet
  

Browsers

• Firefox 66 to block automatically playing audible video and audio
• Opera browser VPN coming to Android
• Google Chrome dark mode on Windows 10 and macOS respects system-wide setting w/ latest Canary release
• Microsoft security chief: IE is not a browser, so stop using it as your default
• [Updated] Google is Testing a “Never-Slow Mode” for Chrome