Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

FRONT-END WEEKLY DIGEST ( March 6 – March 12, 2017)


Tips on building web extensions, modern web development practices, interview with Håkon Wium Lie and many more interesting articles are gathered for you in our recent digest. Here we go:


Web Development

  • Introduction to Web Audio API
  • microicon – SVG icon placeholder microservice
  • Explore the exciting new features in SVG 2
  • SVGs on web – The bad parts
  • The Document Outline Dilemma
  • Should you learn [insert shiny new tool]?
  • Universal Web Components
  • AMP and the Web
  • Thoughts On AMP: Accelerated Mobile Project
  • Testing Service Workers
  • sw-toolbox – A collection of service worker tools for offlining runtime requests
  • Building Web Extensions Because You Can
  • Modern Web Development
  • WebAssembly: Under the hood with Mozilla



  • How We Built EQCSS & Why You Should Try Building Your Own Polyfills Too
  • Linting HTML using CSS
  • Facebook Emoji Reactions
  • CSS Grid Layout:
    • CSS Grid Layout and PostCSS: Now Kiss !
    • CSS Grid Layout: A New Layout Module for the Web
    • Playing with CSS Grids
    • Welcome to the Grid by Eric Meyer
    • CSS Grid Layout – Blog Post Template
    • CodePen GRID LAYOUT
  • Simple Little Use Case for `vmin`
  • CSS Remynification: A completely crazy idea that worked
  • Hassle-free Full Bleed with *:not()
  • Using CSS Transitions on Auto Dimensions
  • Can you center a grid of images using only CSS?
  • Fixing the white glow in the CSS blur() filter
  • CSS Architecture Block-Element-Modifier (BEM)
  • CSS Tip: Use :not to Save Time and Lines of Code
  • Interview with Håkon Wium Lie
  • Gutenberg — modern framework to print the web correctly



  • Native ECMAScript modules: nomodule attribute for the migration
  • Writing a JavaScript Framework – The Benefits of Custom Elements
  • What Is the Best Book for Learning JavaScript?
  • Writing Modular JavaScript — Pt 2
  • Interview with Kris Borchers, JS Foundation Executive Director
  • Scrolling on the web: A primer
  • A horizontal scrolling navigation pattern for touch and mouse with moving current indicator
  • Thou shalt not depend on me: analysing the use of outdated JavaScript libraries on the web
  • hyperHTML: A Virtual DOM Alternative
  • The Frequency of Known Vulnerabilities in JavaScript Libraries
  • The 80/20 Guide to Async/Await in Node.js
  • ES6 Features – 10 Use Cases for Proxy
  • Functional Programming (FP) By Any Other Name…
  • Refactoring Legacy JavaScript Code to Use Classes: The Good, The Bad and The Ugly
  • The Tools Of The JS Trade
  • Moving Airbnb Search to React
  • Vue:
    • Hey! Have you heard about Vue.js?
    • End-to-End Testing Vue.js Apps with TestCafe
    • Interactive Infographic Using SVGs & Vue.js
    • How do people React to my point of Vue
    • An overVue
    • Element, a Vue 2.0 based component library for developers, designers and product managers
    • GitHub Repository List UI with Vue.js
    • vue-parallax-js
    • vue-recyclist — Infinite scroll list for Vue.js with DOM recycling
  • Angular:
    • react2angular — the easiest way to embed React components in Angular 1 apps.
    • The Angular 2 vs React Contest Only Livens Up
    • Using Material components in Angular 2
    • Angular 2 Top 10 Articles for the Past Month
    • Event Emitters in Angular
    • Angular Gauge 1.2.0 — a highly customizable gauge directive for Angular JS apps and dashboards
  • Plugins & libs:
    • Numscrubber.js – Let’s change values of input numbers by dragging the mouse left & right
    • eslint-plugin-compat — lint the browser compatibility of your code
    • franc — natural language detection
    • Service Worker Toolchain — a collection of utilities for creating/testing/experimenting with service workers.
    • blurify is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode
    • hyperapp — 1kb JavaScript library for building frontend applications.
    • webpack-blocks — configure webpack using functional feature blocks

This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here

Share the post

FRONT-END WEEKLY DIGEST ( March 6 – March 12, 2017)


Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription