The current issue includes fundamentals of responsive images,  new eBook on image best practices by Addy Osmani, 8 performance hacks for Javascript, React 16 Error Boundaries, iOS 11 Safari feature flags, and more. Enjoy and don’t forget to share the digest with your colleagues and friends!

Web Development

• The Web is my API
• Fundamentals of Responsive Images
• Front-end Job Interview Questions
• Progressive Web Apps? No, we are building Alien Web Apps

• Performance:
  • Essential Image Optimization: new eBook on image best practices by Addy Osmani

• Accessibility:
  • Accessibility at trivago
  • VoiceOver and list-style-type: none
  • washington.edu: Developing Accessible Websites
  • How to build a toggle button – A11ycasts #25

• Animations:
  • Using SVG clip-path to change a logo’s colour on scroll
  • Exploring Animation And Interaction Techniques With WebGL (A Case Study)
  • Fuzzy Plus – Great demo of a hair-like structure by DPDK.
  • Transition Effect with CSS Masks

CSS

• 5 Things Css Developers wish they knew before they started
• Introduction to CSS Grid Layout
• Implementing A Pure CSS Collapsible
• CSS Grid Gotchas And Stumbling Blocks
• 5 things CSS developers wish they knew before they started

• Fonts:
  • CSS font-display: The Future of Font Rendering on the Web
  • “What You Need to Know About Variable Fonts”. An Interview with Tim Brown and Bram Stein of Adobe Typekit 
  • A Five Minutes Guide to Better Typography
  • eBay’s Font Loading Strategy – localStorage, FontFaceSet APIs and Font Face Observer.

JavaScript

• ES6 for beginners
• A Brief History of Modularity
• Web Truths: JavaScript can’t be trusted
• 8 Performance Hacks for JavaScript
• Learn JavaScript Promises by Building a Promise from Scratch

• Frameworks:
  • Javascript Testing Frameworks: The Best to Test JS Code
  • The rise and fall of Ext JS
  • A Comparative Study of Progressive JS Frameworks: Angular.js & Vue.js

• VueJS:
  • Conditionally Applying a CSS Class in Vue.js
  • ES6 Promises: Patterns and Anti-Patterns
  • vue-a11y-calendar — accessible, internationalized Vue calendar.

• React:
  • React v16.0
  • What you need to know about React 16
  • React 16 Error Boundaries
  • React Router v4: The Complete Guide
  • Getting Started with Redux
  • Using Preact as a React Alternative

• Libs & Plugins:
  • Lozad.js: Performant Lazy Loading of Images
  • SQIP – SVG-Based Image Placeholder.
  • draggable – The JavaScript Drag & Drop library your grandparents warned you about.
  • Micromodal.js – a lightweight, configurable and a11y-enabled modal library written in pure JavaScript.

Browsers

• Start Your Engines – Firefox Quantum Lands in Beta, Developer Edition
• Developer Edition Devtools Update: Now with Photon UI
• Screenshots, Send Tabs and more! Today’s faster Firefox provides upgraded features for all users
• Watch every video in VR with the Opera Developer 49 
• Convert measurements, currencies and time zones in Opera 48 
• Firefox 56 for developers
• iOS 11 Safari Feature Flags