You can’t imagine how thoroughly we collect the information for our weekly digests. We review dozens of websites and choose the best articles that will be helpful for both experienced developers and junior programmers.

Performance budgets and why you should use one, learning Webpack in 15 minutes, a curated directory of boilerplates to help you start your projects – and that’s not all! Keep on reading.

Web Development

• A Guide To HTTP/2 Server Push
• Debugging Tips and Tricks
• Shadow DOM != Virtual DOM
• What Are Performance Budgets And Why You Should Use One
• Smooth Scrolling and Accessibility
• Learn Webpack in 15 Minutes
• Announcing PWAStats.com
• AMP For Retailers: Is It Worth It?
• Building Blocks. A Library of Foundation UI Components. These HTML, CSS and JS nippets can be plugged into any Foundation project to build faster.
• npm and the front end or the virtue of breakfast metaphors
• Send messages when you’re back online with Service Workers and Background Sync
• So what’s this GraphQL thing I keep hearing about?
• boilrplate directory.
• Iceberg — Front-End Boilerplate built with React + Babel + Webpack + SASS
• Inspiration for Grid Loading Animations
• WebVR Experiments

CSS

• Advanced vertical margins
• Let’s Define Exactly What Atomic CSS is
• Griddy – Learn the CSS Grid!
• Build A Strong Sass Architecture: Part 1
• The touch-action property
• An exercise in CSS masonry
• Customize the Browser’s Scrollbar with CSS
• From CSS Preprocessors to Styled Components

JavaScript

• Beau Carnes (freeCodeCamp): My giant JavaScript Basics course is now live on YouTube. And it’s 100% free.
• Make Your Website Interactive and Fun with Velocity.js (No jQuery)
• JavaScript: Design Patterns
• Learning JavaScript Test-Driven Development by Example
• The Post JavaScript Apocalypse – Douglas Crockford
• 7 tips to handle undefined in JavaScript
• ThsJSQuiz – Test your JavaScript skills with this interactive quiz
• 9 ways to level up your JavaScript code
• ES6 modules support lands in browsers: is it time to rethink bundling?
• React:
  • Infinite List and React
  • React Conf 2017
  • Twitter Lite and High Performance React Progressive Web Apps at Scale
  • CodeSandbox – ONLINE REACT PLAYGROUND
  • Adventurers Guide to React (Part I)
  • Why React? A high level overview of React, Webpack 2, React Router v4, and Babel
• Vue:
  • buefy -Lightweight UI components for Vue.js based on Bulma
  • A Vue.js introduction for people who know just enough jQuery to get by
  • State Management in Vue
  • vms — a Vue.js 2.0 Content Management System
  • Lightweight UI components for Vue.js based on Bulma
  • Vue.js 2 State Management With Vuex — Introduction
  • Migrating from Angular to Vue, and why not choose React (+ ES6 and Webpack)
• Angular:
  • Designers Learning JavaScript: Angular, React, or Vue?
  • What to Expect for in Angular v5?
• Libs & Plugins:
  • tung — a javascript library for rendering html
  • backslide — CLI tool for making HTML presentations with Remark.js using Markdown
  • Awaiting — the async/await utility for browsers and Node.js
  • UPNG.js — fast and advanced PNG decoder