Vue.js and Chart.js Weather API Example

Recently I was asked to add some fancy charts and graphs to an existing Wordpress website. In the past, my weapon of choice would be either jQuery or Angular.js for a task such as this, but I decided to try the popular Vue.js . Vue.js is a…

Siteground vs. Hostgator for Wordpress Hosting

For as long as I can remember, I've been hosting my Wordpress sites with Hostgator.com without any major issues. They were the most popular option for Wordpress hosting at the time and their prices were very reasonable. Recently a friend of mine…

GraphQL API with React.js

Many new APIs are moving away from REST and embracing the change to GraphQL . GitHub's API V4 is one example of this, and that's because GraphQL offers a lot more flexibility when querying for data. This tutorial will go over how to incorporate…

Form Handling with Gatsby.js and Netlify

Having a working contact form is a basic requirement for many websites, but setting one up with a static site can be tricky. If you're hosting your website with Netlify (which you should be), you can utilize their awesome form handling feature…

Hosting Your Static Website For Free

So you've just put the finishing touches on your static website and it's time to share it with the world. The good news is, there are plenty of great hosting solutions out there to help simplify the process. Deploying a modern static site has…

Creating a Modern Static Website Portfolio

If you're a web developer or someone who's looking to get into the field, having a digital portfolio can be extremely valuable. A personal website is a fantastic way to showcase your work and help you get noticed. Fortunately, getting a website up…

Gatsby.js with Contentful Content Management

One of the most magical aspects of Gatsby.js is its ability to pull in data from a wide variety of sources. Leveraging the power of GraphQL, you can populate a Gatsby website with local markdown files, a CSV file, a MongoDB database, or from a list…

React YouTube Video Background

The first time I saw a video background on a website, I became obsessed. I thought parallax backgrounds were cool, but this was on a different level! Most video backgrounds use the video tag, paired with a small video file that's optimized for the…

Featured Blog Images In Gatsby.js

(Updated: Apr. 08, 2018)

With Gatsby.js , it's pretty easy to get a static site up and running with one of their starter templates. The ( https://github.com/gatsbyjs/gatsby-starter-blog ) demonstrates how a Gatsby static site can function with blog posts written in…

An Introduction To Using Gatsby Image

With the rise of mobile browsing, the optimization of images on a website is more important than ever. If a site is image heavy, it's always a good idea to lazy load images that are further down the page to speed up the initial render. However…

From Wordpress to Gatsby.js

For the past 8+ years, my go-to weapon of choice when developing a website has been WordPress. According to a recent statistic by W3Techs , about 29% of all websites on the internet are built using this popular CMS. That's a HUGE number, and for…