Code. Eat. Sleep. Loop

Welcome to Scotch.io

Fun and practical web development tutorials.

Getting started with visual testing in 5 minutes

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...

Read more

Make Gmail Cleaner with the Simplify Chrome Extension

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 ...

Read more

Quickly Build Product Galleries for eCommerce Sites

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 ...

Read more

Netlify Dev - The Power of Netlify on Your Local Computer

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...

Read more

Build a Server-Side Rendered Vue App with Nuxt.js

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 ...

Read more

The Best React Extension for VS Code

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 ...

Read more

Web Accessibility For Beginners

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 ...

Read more

Going Full-Time on Scotch.io After 5 Years!

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...

Read more

Firebase: Get Your Apps Off the Ground Blazing Fast

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. ...

Read more

Community Coding For The Web

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...

Read more

Creating an Extension Pack for Visual Studio Code

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...

Read more

Validating a Login Form With React

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 (...

Read more

Building a Custom Sitemap for Your Gatsby.js Site

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...

Read more

The 10 Things We Built on Twitch in March

This year feels like it's on moving too fast! March is done and it was an eventful month for us here at Scotch. We've gotten the following done: Scotch home page redesign launched Job board launched ...

Read more

5 Tips to Write Better Conditionals in JavaScript

When working with JavaScript, we deal a lot with conditionals, here are the 5 tips for you to write better / cleaner conditionals. 1. Use Array.includes for Multiple Criteria Let's take a look at the example below: // condition function t...

Read more