One of the most common struggles that most new developers face is debugging. In this post, I will cover using breakpoints, stepping through your code, setting watch expressions, and applying your fixes in Chrome Developer Tools.

You can apply a filter to an entire element quite easily with the filter property. But what if you want to apply a filter just to the background of an element? It's weirdly tricky.

A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript: 1. Type (ES5) JavaScript in the editor. 2. "Step" or "Run" through the code. 3. Visualize how your code is interpreted!

WordPress 5.0 is quickly approaching, and the new Gutenberg editor is coming with it. While Gutenberg is sure to improve the writing experience, it can cause a bit of a headache for developers who now need to ensure their plugins and themes are updated and compatible. In this article, we’re going to take a look at some styling conventions for Gutenberg blocks, and then add our own styles for Gutenberg’s Columns block.

Earlier this month Create React App 2.0 was released adding a lot of new features. Some of those features include Sass Support, CSS Modules Support, Adding SVGs as React Components, Fragment Short Syntax, and Babel Macros. In this post, I’ll be highlighting the above 5 features.