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

FRONT-END WEEKLY DIGEST ( October 9 — October 15, 2017)

FRONT-END WEEKLY DIGEST ( October 9 — October 15, 2017)

Hey, folks! Friday is a good day to read our weekly FED digest. A practical guide to improving web accessibility, 6 myths of progressive web apps, 5 most annoying things with CSS, interesting Javascript Libraries Born in China, and more. Enjoy!


Web Development

• HTML5 Boilerplate 6.0 Released
• Using CodePen Can Boost Your Front-end Development Workflow
• Filtering images using Web Audio API. Some experiments with arrays of sound and vision.

  • Media:
    • Front-Trends 2017
    • NEJS CONF 2017
  • AMP/PWA:
    • Start fast with new AMP Start templates
    • Google’s quick-loading webpages are getting a better name
    • 6 myths of Progressive Web Apps
  • Tools:
    • WordPress Replaces Browserify with Webpack for Build Process
    • Introducing Treo: Lighthouse as a Service
    • What’s New In DevTools (Chrome 63) 
  • Accessibility:
    • Usability and Accessibility. The new WCAG 2.1 and Nielsen’s 10 Usability Heuristics.
    • A Practical Guide to Improving Web Accessibility
  • Animations:
    • Writing Smarter Animation Code
    • Liquid Distortion Effects



• Rebuilding A redesign powered by CSS Grid and optimized for performance and accessibility.
• FOIT versus FOUT, a Cage Match
• How to Use Warnings and Errors in Sass Effectively
• A Look at Bootstrap 4’s New Reset: Reboot.css
• How to Write Beautiful Sass
• Image Effects with CSS
• 5 Most Annoying Things with CSS. CSS is awesome, is it?
• The trap of using @supports in emails

  • Experiments:
    • Pastel tentacles with CSS vars (no JS)
    • Pure CSS Connect 4
    • You can get pretty far in making a slider with just HTML and CSS
    • Building a CSS-only image gallery (with fallbacks)



• JavaScript got better while I wasn’t looking 
• Challenge: Program without variables #javascript
• Implementing A Service Worker For Single-Page App WordPress Sites
• Better Debugging with Conditional Breakpoints
• How I’m (Not) Using jQuery

  • ES2015+:
    • Exploring ES2016 and ES2017
    • JavaScript’s Promise Leaks Memory
    • ES6 for beginners: Promises
    • The newest version of JavaScript only has 2 new features. Here’s how they work.
    • How you can use ES6 Arrow Functions to make your JavaScript easier to read
    • How JavaScript works: Event loop and the rise of Async programming + 5 ways to better coding with async/await
  • VueJS:
    • Vue 2.5 released
    • Why and How We Migrated from AngularJS to VueJS
    • Web Dev and VueJS are so Damn Fun
    • Vue.js Tutorial: From jQuery to Vue.js
    • Offline First Masonry Grid Showcase with Vue
  • React:
    • Setting up Webpack, Babel and React from scratch, revisited
    • React Boilerplates That You Should Know Of
    • React-Sight – Visualization tool for React, with support for Fiber, Router (v4), and Redux.
    • Ring UI — JetBrains Web UI components
    • TLTR; Redux
  • Angular:
    • Boosting Performance With The New updateOn Option in Angular v5
  • Libs & Plugins:
    • Interesting JavaScript Libraries born in China
    • Taucharts One — a charting library that looks fresh, has a simple API, and offers high performance
    • ProseMirror 1.0 — is a Web interface component with a better approach to WYSIWYG-style editing
    • smooth-scrollbar — Customizable, Pluginable, and High Performance Scrollbars

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 ( October 9 — October 15, 2017)


Subscribe to Web Design And Development Blog | Zfort Group

Get updates delivered right to your inbox!

Thank you for your subscription