Frontend Weekly Digest #109 (20 –26 May 2019)

Web-development

• Front-End Documentation, Style Guides and the Rise of MDX
• Footnotes That Work in RSS Readers
• DevChecklist; We created this collaborative space for sharing checklists that help ensure software quality, guide you through crisis and other helpful stuff for devs ;-)
• Webpack From Zero to Hero — Chapter 3: Everything is a Module
• WebAssembly at eBay: A Real-World Use Case
• Static web — back to the roots?
• Measuring Interactivity with TTI: Time To (consistently) Interactive

• Accessibility:
  • Accessible Icon Buttons
  • Contextually Marking up accessible images and SVGs
  • External Links, New Tabs, and Accessibility

CSS

• Highlight text with HTML mark tag
• What’s New in Tailwind CSS v1
• benefit — 5kB CSS utility framework that is compatible with TailwindCSS
• font-display is Incompatible with Icon Fonts
• The State of Fluid Web Typography
• Code as Documentation: New Strategies with CSS Grid
• 10 Time-Saving CSS Tips I Learned the Hard Way When Using Sass
• Flex Layout Editor
• The “Inside” Problem
• CSS can do that?

JavaScript

• Abusing jQuery for CSS powered timing attacks
• Lazy Loading Images using the Intersection Observer API
• Creating Grid-to-Fullscreen Animations with Three.js

• Theory:
  • The Journey of JavaScript: from Downloading Scripts to Execution — Part II
  • Functional JavaScript: How to use array reduce for more than just numbers
• React:
  • Taking Control of React Performance
  • Material-UI v4 is out
  • Using WebAssembly with React
  • Why you should render React on the server side
  • Getting Started with react-testing-library
  • My experience moving from Enzyme to react-testing-library
  • The Approachable Guide to useReducer
• VueJS:
  • Getting Started with Vue — An Overview and Walkthrough Tutorial
  • Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots
  • 5 Easy ways to drastically improve your VueJS app’s speed
• Angular:
  • Angular 8 RC.5 — Release Candidate shipped with features and breaking change
  • Exploring Angular Lifecycle Hooks — OnInit
  • Build a Progressive Web App with Angular
• Libs & Plugins:
  • await-timeout: a Promise-based API for setTimeout / clearTimeout
  • v8n: The ultimate JavaScript validation library you’ve ever needed.
  • Tornis is a minimal JavaScript library that watches the state of your browser’s viewport, allowing you to respond whenever something changes.
  • is-incognito-mode: Function to identify whether browser is in incognito mode

Browsers

• Opera Gx — The first browser built for your gaming setup is coming soon.
• Firefox 67: Dark Mode CSS, WebRender, and more
• Introducing the first Microsoft Edge preview builds for macOS
• Firefox brings you smooth video playback with the world’s fastest AV1 decoder