FRONT-END WEEKLY DIGEST (AUGUST 27 - SEPTEMBER 2, 2018)

FRONT-END WEEKLY DIGEST (AUGUST 27 - SEPTEMBER 2, 2018)

 

 

 

Web graphics experiments, advanced CSS theming with custom properties and JavaScript, CSS shape editors, Props and PropTypes in React, Babel 7 released, TypeScript quick start guide, a full guide to using font awesome icons in Vue.js apps, and more. Enjoy reading!

 

icon_v4_web

Web Development

• What does Blockchain mean for front-end developers? [DevBlog]
• Refactoring an inherited codebase
• Using the Speech Synthesis Interface of the Web Speech API
• A Native Lazy Load for the Web

 

icon_v4_css

CSS

• Advanced CSS Theming with Custom Properties and JavaScript
• The Complete CSS Demo for OpenType Features
• Super-Powered Grid Components with CSS Custom Properties
• Progressively Enhanced CSS Layouts: Floats to Flexbox & Grid
• How to Create Printer-friendly Pages with CSS
• Greg Whitworth | Solving container queries today | CSS Day 2018
• CSS Shape Editors
• 20 Tips for Optimizing CSS Performance

 

 

icon_javascript

JavaScript

• Why is a Java guy so excited about Node.js and JavaScript?
• Babel 7 Released
• So What's New in Babel 7?
• New mobile Chrome feature would disable scripts on slow connections
• What's Coming Up in JavaScript 2018: Async Generators, Better Regex
• JS By Example: 8 Distinct Uses Of JavaScript Array Slice
• aiji - A curated collection of inspirational AI-powered JavaScript apps.
• Speedy Introduction to Web Workers

  • Libs & Plugins:
    • mafintosh/turbo-json-parse - Turbocharged JSON.parse for type stable JSON data.
    • shimport - Use JavaScript modules in all browsers, including dynamic imports.
    • reworm — the simplest way to manage state!
    • lazyestload.js — load images only when they are in (and remain in) the viewport.