<select>
dropdown with CSSLearn to style the native HTML select
element using CSS only and CSS with JavaScript to make it fully custom and accessible.
react-intersection-observer
to create a dynamic headerWith the react-intersection-observer
package, we can create a dynamic header and improve the navigation experience within content-rich pages.
Customize a range slider with CSS, ensuring a consistent look and feel across browsers, with the option to enhance it with JavaScript.
We can create responsive, accessible dropdown menus with CSS for both keyboard and mouse users. Learn how in this tutorial.
gap
property vs. margin
propertyLearn the subtle but important differences between the CSS gap and margin properties, as well as how their appearances change by layout choice.
This lesson covers how to optimize the font loading experience in a Next.js project as well as how to add custom and Google fonts.
Learn to build an audio player in React from scratch with custom controls that look consistent across browsers.
In this guide, we will discuss some important ways to optimize the performance of a React application, including pre-optimization techniques.
Let’s discuss Next.js absolute imports, relative imports, and different ways to implement them in your application.
In this lesson, we will learn how to integrate an RSS feed into a Next.js application to help with your content distribution goals.
In this article, we will explore how to use a zero-runtime CSS-in-JS library called Linaria in React applications.
The virtual DOM provides a mechanism that abstracts manual DOM manipulations away from the developer, helping us to write more predictable code.