Our latest FED digest includes everything you wanted to know about implementing scrolling but were afraid to ask. Find out what’s new in DevTools, get few tips that will make your PWA on iOS feel like native, and read how to escape async/await hell. Enjoy!

Web Development

• Front-End Developer Handbook 2018
• The State of Web Animation: Part 1, Part 2
• Scroll to the future: Everything you always wanted to know about implementing scrolling but were afraid to ask.

• Performance:
  • Highlights from the PerfMatters 2018 Web Performance Conference
  • Few Tips That Will Make Your PWA on iOS Feel Like Native

• Tools:
  • What’s New In DevTools (Chrome 67)
  • Learn what’s new in @ChromeDevTools for Chrome 66: Blackboxing in the Network panel, auto-adjust zooming in Device Mode, HTML rendering in the Preview tab, pretty-printing in the Preview & Response tabs, and an improvement to Local Overrides
  • Introducing the Accessibility Inspector in the Firefox Developer Tools

• Animation:
  • CSS / SVG Blobby Background
  • WebGL Distortion Hover Effects: A little library that can be used for creating WebGL powered distortion hover effects using displacement images.

CSS

• How CSS works: Parsing & painting CSS in the critical rendering path
• Another Collection of Interesting Facts About CSS Grid
• feature-queries-manager – Manage and toggle CSS on a page behind a @supports Feature Query
• How I stopped using Bootstrap’s layout thanks to CSS Grid
• Epic Spinners – CSS only. Easy to use. VueJS integration
• Ninjas of Web Development: 30+ CSS Puns That’ll Crack You Up

JavaScript

• Fitbit ❤’s JerryScript: Javascript Breaks into the Internet of Things
• Top JavaScript VSCode Extensions for Faster Development
• Chapter 1 of “Going Offline” by Jeremy Keith
• Simple Swipe With Vanilla JavaScript
• How I stopped worrying and learned to love the JavaScript ecosystem
• All about JavaScript Arrays in 1 article
• Documenting Javascript Projects

• ES2015+:
  • ES6 Syntax and Feature Overview
  • How to escape async/await hell
  • ES6 Arrow Functions: Fat and Concise Syntax in JavaScript
  • ES6 in Action: How to Use Proxies, Symbols and Their Uses
  • ES6 Generators and Iterators: a Developer’s Guide

• VueJS:
  • VuePress – powered Static Site Generator
  • How We Implemented High-load Website Interface with Vue.JS and Google Maps
  • How to create Vue.js Transitions
  • Build VueTube: A Youtube Clone with VueJS, Webpack and Flexbox
  • vuejs-boilerplate – Real world base Vue.js app(access/refresh tokens auth, api services, http client, store modules)
  • Is My Single-Page Application SEO Friendly?

• React:
  • Why React needed yet another animation library. Introducing: react-spring
  • Learn React.js in 5 minutes
  • Immutability in React: There’s nothing wrong with mutating objects

• Angular:
  • Whats New in Angular 6 ?
  • Jesse Palmer – Testing Angular Components Fundamentals