Become a Skillthrive author!Become a Skillthrive author and reach thousands of developers!
All Posts
Video tutorials and written explainations.
November 23, 2022
Ever been daunted by writing Bash scripts or using the terminal? Many developers prefer to use the graphical user interface (GUI) to navigate their files and applications on their computers. With Bash, developers on macOS and Linux operating systems (OS) can do lots of computer processes right f ...
Bash
Productivity
November 16, 2022
The digital world has exploded over the past few years. Digital commerce, social media, and online marketing have created a new customer-centric landscape. Websites are now more than just portals that provide users with the information and content they need. They're an extension of your brand, w ...
Performance
October 30, 2022
Git is still one of the most effective tools for keeping track of all the code you create and would want to share with the programming community. It allows you to partition your projects into several branches. It is quite a complex tool, so if using this tool is proving difficult for you, you ar ...
Git
Productivity
October 10, 2022
TLDR: Fill out the author form here to start your application to publish on Skillthrive. Why I started Skillthrive Skillthrive started as a YouTube channel in 2017. Back then, most tutorials were on Photoshop and motion design, but I soon found success in web design tutorials and eventually sh ...
Updates
October 6, 2022
Scalable and easily adaptable to different devices, CSS Grid helps us create layouts that are easier to build and maintain. What makes CSS Grid so incredible is its ability to automatically resized columns accordingly to the device's width. But how could we use CSS Grid to create a Holy Grail La ...
CSS
July 21, 2022
Confirming the colors work well together when designing a website can be challenging. But did you know that ensuring they also work well with the WCAG (Web Content Accessibility Guidelines) color contrast standards are equally important? In the United States alone, 3.8 million adults aged 21-6 ...
Accessibility
July 1, 2022
Have you ever been confused about the spacing between elements on a webpage? Why are some boxes closer together and some farther apart? Simply put, web browsers represent each element on a webpage as a rectangular box. This concept is known as the CSS Box Model. Watch the lesson CSS Box Mod ...
CSS
May 25, 2022
If your page loads and you see a broken image, it can be pretty jarring and prevent users from exploring your content. The fix is simple: include an image that is a placeholder for the broken image, so nothing falls apart when it doesn't load. This post will describe one way to do this in React ...
Next.js
React
April 23, 2022
Hooking up your navigation bar to respond to user interaction is a great way to improve the user experience. For example, when the user scrolls down, you can add a slight shadow to the top of the navigation to make it look like it's lying on the page. In this lesson, you'll use a custom React h ...
JavaScript
March 24, 2022
A lot of JavaScript developers reach for a library like date-fns when working with dates in JavaScript. Although a library like date-fns provides a lot of functionality, you may not even need it. For example, you can use the built-in JavaScript Date method toLocaleString() to format a timestamp...
JavaScript
September 9, 2021
I'm working on a new project called Mattermix that enables users to create graphic design assets from HTML and CSS using a browser-based editor and API. The browser-based editor needs enough space to write HTML and CSS, create data form fields, and see the rendered code. That's a lot to fit on...
React
August 6, 2021
A lot of sites, including this one for some time, don't have an easy way for their users to get back to the top of the page. Sure, the user could manually scroll, but this can be frustrating, especially on really long pages. That's why a button, usually positioned in the bottom-right of the pag ...
React
July 20, 2021
Next.js makes it simple to implement static generation (SSG) and server-side rendering (SSR) in React applications. SSG pages pre-render the HTML at build time and can be served instantly from a global CDN. However, SSR pages pre-render the HTML on every request, which slows the time to the firs ...
React
Next.js
June 24, 2021
I was working on a project that required hundreds of components that would be used as templates for editing and exporting social media graphics. I could have created every component in the code base, but I was worried this would make the code unnecessarily bloated and hard to manage. So, I thoug...
React
June 15, 2021
I was working on a multi-tenant application that required tenants to log in on their own subdomain. The subdomain would be used to identify the tenant for Firebase multi-tenancy authentication and MongoDB documents. I knew it was simple to set up subdomain support in production using something l ...
Tools