There are several advantages to using a static site generator such as VuePress. With VuePress, you can focus on writing content using markdown, and the VuePress application generates static HTML files. VuePress also turns your content into a single-page application (SPA), so transitions between p...
Big thanks to this week's sponsor.
They help keep Scotch tutorials free!
GitHub is an amazing tool that many of us developers use on a daily basis. While GitHub has many great features, one thing that I've always found it to lack is browsing speed. They've got keyboard shortcuts to get to the search bar (/) but it still isn't the easiest. If you wa...
Complex web projects often require the use of 3rd party widgets. But what if you're using a framework while a widget is only available in pure JavaScript? To use a JavaScript widget in your project, the best approach would be to create a framework specific wrapper. That's wha...
There are tons of tools out there that help you make sure your app is functioning perfectly, but how do you catch bugs that are purely visual? In the example above, the button stil...
Google Inbox is officially gone, and for many, it's a hard pill to swallow. Hardcore fans are desperate to try and fill the void that Inbox has left. Here's a piece of good news. The Simplify Gmail extension for Chrome will bring you the familiar simplicity ...
When making online purchases, most shoppers make their purchasing decisions based on the use of rich-media. Being able to view the product from different angles is known to increase conversions. In fact according to ...
Netlify is never short on new and exciting features. At JAMstack Conf in New York City, they lived up to the hype again. Netlify announced Netlify Dev, allowi...
Usage of static websites are increasing in popularity recently. It’s not a surprise as static site generators seem to have been gaining more popular recently too. There are various static site generators which you can use to build websites. Some of these generators include ...
When working with React, there's lots of code that gets repeated over and over....and over and over again. Eventually, you start to think, "there's got to be a better way". Don't worry, there is! In this article we will look at the ...
Building accessible applications or websites is not the norm today. This is because the idea of accessibility is known to most developers, while in actual sense it is often neglected and not a common practice today in the world of web development. According to ...
This post will be short and sweet. No, I'm not going full-time on drinking some alcohol (part-time on that definitely). After 5 years of being a side project, Scotch.io will be my full-time job! I'm super excited. Can't even put into words...
Google has invested heavily to make Firebase a full-featured application platform for web. It's dirt cheap to use. It's reliable. It saves up to 50% of your dev time. ...
Open source barriers Right now, it's too hard to contribute to open source. This leads to a few things that are bad: People who have good ideas don't contribute Open source maintainers are overworked There's less useful open source so...
Extension Packs in Visual Studio Code are extremely useful when you want to install a collection of related extensions. In this article, let's walk through the steps of creating an Extension Pack so you can share your favorite collection of extensions with other developers! TLDR I...
For almost every form that you create, you will want some sort of validation. In React, working with and validating forms can be a bit verbose, so in this article we are going to use a package called Formik to help us out! TLDR Create a React project Add the Formik (...
Building static sites with React.js using Gatsby.js seem to be more and more a topic of debate when you require an easy to deploy setup, blazing fast speed and smooth developer experience. Gatsby has been consistently growing, and I am super glad to see this shifting trend as we see a large numbe...
