19 posts tagged with "snippets"

By default, the plugin supports frontmatter, so you can define values like , and at the beginning of your MDX document: The frontmatter…

Sort Object by property using JavaScript.

Remove space characters from a string with JavaScript.

Add a wavy underline to your text with CSS.

Wrap your text with an animated border.

Animate your gradient color with CSS.

Add gradient color to your text with CSS.

Gatsby uses Reach Router under the hood to handle routing. If you want to provide anywhere in your app, you need to use the React Router’s…

The following guide describes how to implement smooth scrolling in Gatsby using the smooth-scroll package. Instructions add the package to…

Given an object, we want to check if there is any missing item in it using JavaScript.

Remove a property from an object using the ES6 rest operator.

Google Fonts is a great resource for adding beautiful fonts to your website. Adding fonts to a Gatsby project is as easy as installing the…

Create a Medium style zoom-effect using gatsby-image.

The hook uses the prop from a Gatsby page to scroll to a specific element on the page. Then, it adds a hash to the URL.

Reading time is a pretty common functionality in blogs. The function below displays cups of coffee as indicators of the minutes it takes to…

Keep your feature branch in sync with your main branch.

This hot tip is all about using plain JavaScript code to remove line breaks from a string. In order to remove line breaks, we have to take…

Gatsby is a blazing fast static site generator for React. Despite this tagline, Gatsby is much more than that. It is a PWA (Progressive Web…

Being a web developer gives you the ability to override some of the default browser functionalities. This can be great, since it gives you…