FRONT-END WEEKLY DIGEST ( JUNE 11 - JUNE 17, 2018)

Augmented reality for the web, basic analysis with GTmetrix, beginner's introduction to Webpack, Google PageSpeed insights, 7 performance tips for Jank-free JavaScript animations, interactive data visualization with modern JavaScript and D3, and more. Keep on reading!

Web Development

• Image Inconsistencies: How and When Browsers Download Images
• What every developer needs to know about HTML email
• Automate Your Emails In Two Ways: Snippets vs. Partials
• Augmented reality for the web
• 5 Ways to Handle Forms on Your Static Site
• What Is a CDN and How Does It Work?
• Opposite point of view: Five Things Every Lawyer Needs to Know About Digital Accessibility

• Performance:
  • Marketers Can't Wait to Use AMP for Email, But Here's What Will Be Holding Them Back
  • Prioritizing the Long-Tail of Performance
  • Google PageSpeed Insights – Scoring 100/100 with WordPress
  • The Next Scotch v8: How We're Getting to 1s Load Times
  • 7 Performance Tips for Jank-free JavaScript Animations
  • Basic Analysis with GTmetrix
  • PageSpeed Insights: the best tool to check your website performance for the Google Speed Update? 

• Tools:
  • Parcel v1.9.0 — Tree Shaking, 2x faster watcher, and more!
  • Enhancing automated testing in Microsoft Edge with new WebDriver capabilities, W3C protocol support, and automatic updates
  • A beginner's introduction to Webpack

CSS

• The new (and old) CSS units you've never heard about
• More Unicode Patterns
• M o t u s - Animation library that mimics CSS keyframes when scrolling.
• Deprecating cssnext

JavaScript

• All of Office 365 is (almost finished) being completely rewritten in this little scripting language called JavaScript.
• Interactive Data Visualization with Modern JavaScript and D3
• How JavaScript works: Storage engines + how to choose the proper storage API
• JS is not worse than …
• How you can improve your workflow using the JavaScript console
• JavaScript engine fundamentals: Shapes and Inline Caches
• Submitting HTML forms using JavaScript frameworks (Vue, React, Hyperapp)

• ES2015+:
  • Learn more about JavaScript's promises: from zero to hero in 25 tests
  • JavaScript async/await: The Good Part, Pitfalls and How to Use
  • What's New in ES2018

• VueJS:
  • Vue Passes React's Star Count on GitHub
  • vuesax - framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable.
  • How To Build Vue Components Like A Pro

• React:
  • Build a Health Tracking App with React, GraphQL, and User Authentication
  • Digging Into React Context
  • How to Use React Storybook to Create Reusable Components

• Angular:
  • State Management Pattern for Angular Applications
  • Angular and Internet Explorer

• Libs & Plugins:
  • Simonwep/pickr - Flat, simple and hackable Color-Picker. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize.
  • jeelizWeboji - JavaScript/WebGL library to detect and reproduce facial expressions • yett - A small webpage library to control the execution of (third party) scripts.
  • 9 Javascript Time And Date Manipulation Libraries For 2018