Frontend Weekly Digest #60 (21–27 May 2018)

Web-development

• Learning Gutenberg: Series Introduction. A special long-form series we’re kicking off here totally dedicated to Gutenberg, a major change to the WordPress editor
• Dynamic Bézier Curves
• Text editing techniques every Front-End developer should know
• Web Push Notifications
• Wired Elements — a set of common UI elements with a hand-drawn, sketchy look

• Performance:
  • State of the Web: Top Image Optimization Strategies
  • How to use Lazy Loading to Slash Page Load Time
  • Making Legacy Sites More Performant with Modern Front-End Techniques
• Tools:
  • Solving ESLint and Prettier’s battle for supremacy.
  • 10 Firefox Dev Tools tricks that will blow your mind
  • What’s New In DevTools (Chrome 68)
  • Which accessibility testing tool should you use?
• Animations:
  • Grid Layout with Motion Hover Effect and Content Preview
  • MS fluent design — hover reveal on btn group
  • segmented-type

CSS

• Z-Index Explained: How to Stack Elements Using CSS
• Dark theme in a day. Using a bunch of modern CSS to create a night mode for an app
• Getting Started With CSS Layout
• Styling buttons, the right way

JavaScript

• Algorithms and data structures implemented in JavaScript with explanations and links to further readings

• VueJS:
  • Why VueX Is The Perfect Interface Between Frontend and API
  • Vue.js — Considerations and Tricks
  • Hello Protovue — Prototyping Component Framework for Vue.js
  • Create & Publish Web Components With Vue CLI 3
  • Vuido — Create native desktop applications for Windows, OS X and Linux using Vue.js.

• React:
  • React v16.4.0: Pointer Events
  • All Things React: Discover everything from the basics to the cutting-edge of React — Render Props, Context API, Suspense, CSS-in-JS, Progressive Web Apps, UI Libraries and more.
  • Flow vs TypeScript in React — My two cents
  • What can React Context API do for you? Multi-language text, Modals, and Theme switchers
  • RSUITE — A suite of React components
  • Advanced Visualization with react-vis

• Angular:
  • Angular Ivy change detection execution: are you prepared?
  • Understanding provider scope in Angular
  • Using Angular Augury to Debug Your Code
  • Boosting Your Workflow with Angular 5 Snippets and VS Code
  • Reactive programming in Angular: On push communication
• Libs & Plugins:
  • nanoJS — Minimal standalone JS library for DOM manipulation
  • hybrids — UI library for creating Web Components with simple and functional API
  • Hyphenopoly — JavaScript polyfill for client-side hyphenation

See more on https://www.zfort.com/blog/