Ibadehin Mojeed

  https://ibaslogic.com/ I'm an advocate of project-based learning. I also write technical content around web development.


26 Stories by Ibadehin Mojeed

Next.js font optimization: Adding custom and Google fonts

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.
0 12 min read

Guide to image overlays in CSS

An image overlay in CSS can be done in many ways. Learn to overlay images with text, gradients, and other unique styles and effects.
2 5 min read

Using the React Testing Library debug method

Learn how to use the React Testing Library debug method to identify and analyze test errors. We also explore the logRoles and logTestingPlaygroundURL() methods.
2 11 min read

Understanding relative and absolute imports in Next.js

Let's discuss Next.js absolute imports, relative imports, and different ways to implement them in your application.
2 7 min read

Making dropdown menus with CSS

We can create responsive, accessible dropdown menus with CSS for both keyboard and mouse users. Learn how in this tutorial.
0 7 min read

Adding an RSS feed to your Next.js app

In this lesson, we will learn how to integrate an RSS feed into a Next.js application to help with your content distribution goals.
0 7 min read

Using Linaria for faster CSS-in-JS in React apps

In this article, we will explore how to use a zero-runtime CSS-in-JS library called Linaria in React applications.
0 8 min read

What is the virtual DOM in React?

The virtual DOM is a fundamental React concept. You have probably heard of it if you have written React code in the last few...
3 8 min read

How to create a multilevel dropdown menu in React

Learn how to implement the dropdown menu feature in a React project to make navigation bars dynamic and organized.
20 14 min read

Building a custom checkbox in React

In this guide, we will cover how to build a custom checkbox in React without sacrificing accessibility for assistive technology.
0 10 min read

How and when to use the CSS :has selector

The CSS :has() selector allows us to style an element based on its descendants or any succeeding elements.
0 6 min read

How to create a responsive image gallery with CSS flexbox

Learn how to use CSS flexbox to create three example responsive image gallery layouts that look amazing on all devices.
1 10 min read