Let your web development skills thrive

Skillthrive is a community for web developers from all levels to learn and grow their skills.

Join 12.5k members on our mailing list to stay updated about the latest content and community news at Skillthrive.

Join our growing community

55k

YouTube subscribers

12.5k

Newsletter subscribers

Latest posts

Bit-sized video tutorials and written explainations.

hunter
Hunter Becton

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

hunter
Hunter Becton

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

hunter
Hunter Becton

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

hunter
Hunter Becton

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

Latest snippets

Handy code snippets you can copy and paste.

Get selected text as string

Get the text a user selects on a webpage as a string.

JavaScript

Remove duplicates from array

Easily remove duplicates with the Set constructor in JavaScript.

JavaScript

CSS line clamp

Limit the contents of a block container to the specified number of lines.

CSS

Fallback image component

Replace broken image links with a placeholder with Next.js image.

Next.js

React