What the Heck is Node?

(This is a sponsored post.) Here’s what you need to know about Node.js (or simply Node) and how it relates to npm right off the bat: Node is JavaScript, but as a server-side language.This is possible because of V8, Chromium’s JavaScript engine, which can run on its own, outside the confines of the..

What the Heck is a Package Manager?

If you’re keeping score, so far in this npm guide we’ve developed a general understanding of what npm is—notably, that it stands for Node Package Manager. In the process, we’ve discussed the importance of the command line and how it’s used with npm. We also looked specifically at the “n” in npm—Nod..

How the Heck Do You Install npm Packages?

By now, you’re becoming quite knowledgeable with npm! So far, we’ve broken down the three letters in “npm” to gain a better understand of Node and package managers. In the previous chapter, we even installed Node and npm while getting acquainted with Node Version Manager, or nvm. Next up in this beg..

How the Heck Do You Install an Existing npm Project?

(This is a sponsored post.) We’ve gotten a good overview of how npm works and how to use it to install packages and run commands at this point. Now let’s go a little further and see what it looks like to download and install an existing npm project, rather than starting one from scratch. More likel..

A Serene CSS Dappled Light Effect

There’s a serene warmth to the early evening sunlight peaking through rustling leaves. Artists use dappled light to create a soft, hypnotic effect. Bedford Dwellings by Ron Donoughe (2013) We can create the same sort of dappled light effect in web design, using it on photos and illustrations to ad..

What should someone learn about CSS if they last boned up during CSS3?

“CSS3” was a massive success for CSS. A whole bunch of stuff dropped essentially at once that was all very terrific to get our hands on in CSS. Gradients, animation/transition, border-radius, box-shadow, transform… woot! And better, the banner name CSS3 (and the spiritual umbrella “HTML5”) took off ..

Scenarios Where the WordPress Gutenberg Block Editor Replaces Custom Code

Extensibility has long been one of the strengths of WordPress. If there’s something the content management system (CMS) doesn’t do out-of-the-box, you can write code or install a plugin to enable it. Thus, building websites with WordPress usually means adding at least some custom code along the way..

4 Quality Options for a Table of Contents Block in WordPress

Offering a table of contents block in WordPress for blog posts (or really any other type of long-ish written content) is a good idea for two reasons: It helps users jump around in the post for what they need (and hopefully doesn’t get in the way).It’s provides SEO value. The RankMath SEO plugin fa..

Making a Site Work Offline Using the VitePWA Plugin

The VitePWA plugin from Anthony Fu is a fantastic tool for your Vite-powered sites. It helps you add a service worker that handles: offline supportcaching assets and contentprompting the user when new content is available…and other goodies! We’ll walk through the concept of service workers togethe..

What Were the Hottest Front-End Tools in 2021?

Another year has passed and once again I’ve had the privilege of going through the Web Tools Weekly newsletter archives from the past 12 months to hunt down the front-end tools that readers found to be the most interesting during 2021. So, to kick off 2022, I’ve compiled a list of the 60 most popula..