FRONT-END WEEKLY DIGEST (JUNE 25 - JULY 1, 2018)

July 5, 2018

Table of Contents

Improving page load performance, making your web apps mobile-friendly, drawing images with CSS gradients, prototyping apps with CSS Grid and CSS Variables, building AR/VR with Javascript and HTML, and more. Keep on reading!

Web Development

• YGLF 2018 Kyiv, 25 videos
• How WebAssembly is Accelerating the Future of Web Development
• How To Make Your Web Apps Mobile-Friendly
• Web Caching Explained by Buying Milk at the Supermarket
• lepto - Automated image Editing, Optimization and Analysis via CLI and a web interface
• Foundation 6.5.0 (RC 1) is out now and comes with a lot of bug fixes and various improvements

Performance:
• Improving Page Load Performance: Pingdom, YSlow and GTmetrix
• An Overview of the RAIL Performance Model

Accessibility:
• Accessibility inspector in Firefox Developer Tools
• Designing for accessibility is not that hard

Animations:
• CodePen Challenge: Menu
• Triple Panel Reveal Slideshow
• Rabbit Ear is a creative coding javascript library for designing origami
• tenori-off.glitch.me - a music sequencer in JavaScript by Monica Dinculescu. It even uses Machine Learning to try to match drums to a synth melody you create!

icon_v4_css

CSS

• How I Dropped 250 KB of Dead CSS Weight with PurgeCSS
• Drawing Images with CSS Gradients
• Pixels vs. Ems: Users DO Change Font Size
• How and Why We Unit Test Our Sass
• Where is CSS4? When is it coming out?
• How to quickly prototype apps with CSS Grid and CSS Variables
• What is the CSS ‘ch' Unit?
• The simpleton's guide to CSS Grid

icon_javascript

JavaScript

• A Practical Introduction to ES2017 Async-Await
• Building AR/VR with Javascript and HTML
• JavaScript Usage by Industry
• New Book: Full-stack JavaScript Web Development — From A to Z
• Learn these core JavaScript concepts in just a few minutes
• ES6 Cool stuffs — A big fat Arrow

VueJS:
• Vue + TypeScript: A Match Made in Your Code Editor
• Dynamic Component Templates with Vue.js

React:
• Create a Static Website Blog with Gatsby, CosmicJS, and React
• How to use Error Boundaries in React 16
• Bringing Together React, D3, And Their Ecosystem
• New Features and Fixes We Got with the Latest React Releases

Angular:
• 5 Best Courses to learn Angular Framework in 2018
• Architectures for Huge Angular Based Enterprise
• Angular — tips and tricks

Libs & Plugins:
• gio.js - 3D Globe Info Graphic Declarative Javascript Library Build on Three.js
• face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
• docz — It has never been so easy to document your things!