My Front End Web Development Setup

I’m a self-taught web developer who has been working professionally in the field since June, 2015. I’m going to write about the setup, programs, and plugins I use on a…

My Front End Web Development Setup

Styling UI Components from Scratch: Buttons & Forms

It’s hard to style basic web components if you’ve never done it before. You want your buttons and forms to look good and also be cross-browser consistent. The easiest solution…

Styling UI Components from Scratch: Buttons & Forms

Setting Up a Basic Cron Job in Linux

Recently, I had to set up a scheduled task on a server, which is a little intimidating and scary the first time around, so here’s a quick article about the…

Setting Up a Basic Cron Job in Linux

Developing a WordPress Theme from Scratch Part 3: Custom Posts, Custom Fields and Meta Boxes

In the first part of my WordPress tutorial series, we learned what WordPress is and how to create and use a basic theme. In part two, we learned more advanced…

Developing a WordPress Theme from Scratch Part 3: Custom Posts, Custom Fields and Meta Boxes

How to Build a Responsive Image Gallery with Flexbox

You may have noticed I’ve updated the site to include a front page with a grid listing all the tutorials. As you resize the screen, it goes from three columns,…

How to Build a Responsive Image Gallery with Flexbox

JavaScript Day Two: Comparisons, Math, and Logic

In JavaScript Day One, we covered some of the essential fundamentals of programming: variables, data types, comments, and how to write a simple “Hello, World!” program. In this lesson, I’ll…

JavaScript Day Two: Comparisons, Math, and Logic

Adding Syntax Highlighting to Code Snippets in a Blog or Website

I’ve received a few requests on how to highlight the syntax of snippets of in a blog like I have. Here is an example snippet of SCSS code, so you…

Adding Syntax Highlighting to Code Snippets in a Blog or Website

Parallax Scroll Effect

Parallax scrolling, an effect that allows sections of a website to scroll at different speeds, is an effect that has gone through various stages of popularity over the last few…

Parallax Scroll Effect

JavaScript Day One: Comments, Variables, Data Types, and Hello, World!

In order to properly learn something, you have to start at the beginning. You learn one concept at a time, process it, and move to the next. For example, when…

JavaScript Day One: Comments, Variables, Data Types, and Hello, World!

Straightforward Guide to Setting Up a Gulp Workflow

Can I just have a tutorial that tells me exactly what I need to do and know to set up Gulp, without spiraling into some unrelated discussion about HTML semantics,…

Straightforward Guide to Setting Up a Gulp Workflow

Obtain a TLS/SSL Certificate and Enable HTTPS Encryption

This article begins with the assumption that you’re not looking for an in-depth explanation of what HTTPS is, how encryption works, the difference between TLS and SSL, or why you…

Obtain a TLS/SSL Certificate and Enable HTTPS Encryption

Developing a WordPress Theme from Scratch Part 2: Pagination, Comments, Single Post, Functions, & Custom Posts

In part one of the tutorial series Developing a WordPress Theme From Scratch, we learned what WordPress is, what it can do, and how to do the following: Set up…

Developing a WordPress Theme from Scratch Part 2: Pagination, Comments, Single Post, Functions, & Custom Posts