Pricing Table

Introduction In this guide, we will be building a basic pricing table. Pricing tables are commonly used for conveying the prices and features of subscription plans. Clean looking product tables are a great way to help your users subscribe to your services. Getting Started To start, let’s create a folder and a file inside named index.html. Feel free to create the folder anywhere you wish, we won’t be needing a web server for this....

October 19, 2019 · 7 min · Jared

Build a Basic WordPress Plugin

There may be many times when designing a website where the client wants some custom functionality. How do you approach this with WordPress? Plugins. Plugins allow you to extend WordPress beyond the core software. The heavy customization that WordPress allows is one of the reasons why WordPress is so popular. In this guide, I will walk you through how to build a very simple plugin. Setting Up Installing Apache, PHP, and MySQL We’re going to assume that you have a WordPress environment setup for development....

September 14, 2019 · 3 min · Jared

A Nibble of HTML

Hello! This guide is meant to be a tiny introduction to the markup language, HTML. HTML stands for Hypertext Markup Language. This is the language the defines the structure of the websites you visit. Before we begin writing our own HTML page, create a folder wherever you wish to store the web page. Feel free to name it anything you like. Next, create a file inside that folder and name it index....

June 22, 2019 · 5 min · Jared

Creating Buttons with CSS: Volume 1

In this tutorial, you will learn how to create buttons via styling them with CSS. If you don’t have a solid foundation with HTML and CSS, I would highly recommended checking out our free Beginners Blocks courses in our store. The buttons below are what I will help you learn how to create: Let’s dive right into the code. Create a folder somewhere on your computer and name it whatever you want....

May 8, 2019 · 8 min · Jared

Creating Full Width Sections

In this tutorial, you will learn how to create sections on a website than span the width of the screen. The cool thing about it is the margins are maintained. It is recommended you have solid knowledge of HTML and CSS before continuing. We Here is an example of what we should see by the end of this tutorial: There should have been a video here but your browser does not seem to support it....

May 6, 2019 · 6 min · Jared

Feature Boxes

In this tutorial we will show you how to create feature boxes with HTML and CSS. Feature boxes are common on many websites and help summarize services or products a business offers, etc. The final result will look like the following: Before jumping into the code, it will be useful for you to download the images folder containing the icons shown above for our feature boxes. You can download the ZIP file with the images folder and associated icons here....

April 25, 2019 · 5 min · Jared

Simple Navigation Bar

In this tutorial we will be creating a simple, modern navigation bar. It’s nothing fancy, it just works, and it looks modern. I’m deriving the basis of this tutorial from my full screen landing page tutorial. It’s not required, but feel free to clone the repository for that tutorial and that can be the basis for our purposes here. It would be helpful to know HTML and CSS, but it’s not necessarily required, though highly recommended....

April 24, 2019 · 3 min · Jared

Full Screen Landing Page

Hello everyone! This will be the start of my web design tutorials. In this little tutorial, we will be creating a full screen landing page. Here’s a preview of what we’ll be making: There should have been a video here but your browser does not seem to support it. To start, let’s head over to Unsplash so we can pick out a picture we want. I really like the sunset picture you see in the preview by Samuel Zeller (available here)....

April 23, 2019 · 6 min · Jared