32 Stories by Ibadehin Mojeed
Learn to style the native HTML select
element using CSS only and CSS with JavaScript to make it fully custom and accessible.
With 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.
Understanding how layouts, nested layouts, and custom layouts work in Next.js is crucial for building complex, user-friendly projects.
We can create responsive, accessible dropdown menus with CSS for both keyboard and mouse users. Learn how in this tutorial.
Learn 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.
An image overlay in CSS can be done in many ways. Learn to overlay images with text, gradients, and other unique styles and effects.
Learn how to use the React Testing Library debug method to identify and analyze test errors. We also explore the logRoles and logTestingPlaygroundURL() methods.
Let's discuss Next.js absolute imports, relative imports, and different ways to implement them in your application.