Search for technical articles based on their categories

Finding Your First Hacktoberfest Project: A Step-by-Step Guide

Finding Your First Hacktoberfest Project: A Step-by-Step Guide

In the world of Open source, collaboration reigns supreme. It is a place where people from different backgrounds, cultures, and countries come togethe...

Sep 21, 2023

Getting Ready for Hacktoberfest: Preparing for Your Open source Journey

Getting Ready for Hacktoberfest: Preparing for Your Open source Journey

Welcome to the third stop in our eight-part adventure series on Getting Ready for Hacktoberfest where we prepare you for this coding festival. If you'...

Sep 20, 2023

Introduction to Hacktoberfest: A Celebration of Open source

Introduction to Hacktoberfest: A Celebration of Open source

In the world of programming and software development, October takes on a special meaning. It's not just a month of autumn leaves and pumpkin spice lat...

Sep 19, 2023

Embarking on Your Open Source Adventure: A Beginner's Guide to Hacktoberfest 2023

Embarking on Your Open Source Adventure: A Beginner's Guide to Hacktoberfest 2023

Open source is more than just a buzzword in the world of technology. It's a dynamic, collaborative ecosystem where passionate individuals from across ...

Sep 18, 2023

How to Fork a Repo on GitHub using your Mobile Device

How to Fork a Repo on GitHub using your Mobile Device

Have you ever been in a situation where you needed to fork a repo on GitHub, but you didn't have access to a computer? Well, I have, and it was a pain...

Sep 15, 2023

What is a CAPTCHA And How To Bypass CAPTCHAs

What is a CAPTCHA And How To Bypass CAPTCHAs

Have you ever come across a checkbox asking you to confirm if you are not a robot followed by a visual test asking you to select images of traffic lig...

Sep 1, 2023

Using Captcha Solvers to Improve Web Accessibility & Work Productivity

Using Captcha Solvers to Improve Web Accessibility & Work Productivity

Online security is of utmost importance in the digital age. Captchas, those familiar puzzles that require users to prove their humanity by solving cha...

Aug 18, 2023

Guide to CSS logical properties

Guide to CSS logical properties

CSS logical properties provide a powerful solution for web developers to create flexible and maintainable layouts that cater to different languages an...

LogRocket logo

LogRocket

Aug 9, 2023

How to analyze your Next.js app bundles

How to analyze Next.js app bundles

One crucial aspect of any web application is the size and performance of its codebase. Next.js is a popular JavaScript framework for building server-r...

LogRocket logo

LogRocket

Jul 25, 2023

Build customized data tables with PrimeReact

Build customized data tables with PrimeReact

In the world of web development, data tables are essential for displaying and organizing large amounts of data clearly and concisely. Data tables are ...

LogRocket logo

LogRocket

Jul 17, 2023

How to Debug React Code: Tips and Tricks for Developers

How to Debug React Code: Tips and Tricks for Developers

Debugging is essential to the software development process, including React development. As React developers, encountering errors and issues in our co...

Turing logo

Turing

Jul 11, 2023

Why Choose Nextjs for Your Next Web Development Project

Why Choose Nextjs for Your Next Web Development Project in 2023

Nextjs provides developers with a straightforward solution to create high-performance, efficient, and scalable React apps. This article will explore t...

Jun 22, 2023

How to Create React Search Component Using React Hooks

How to Create React Search Component Using React Hooks

A Search Component is a UI element in a software application that allows a user to search for specific information or data. The component typically in...

Turing logo

Turing

Jun 21, 2023

Creating smoother CSS transitions with Animate CSS Grid

Creating smoother CSS transitions with Animate CSS Grid

Animate CSS Grid enables us to achieve smooth transitions between the state changes of our CSS Grid container without writing any CSS animation code. ...

LogRocket logo

LogRocket

Jun 3, 2023

When and how to use CSS will-change

When and how to use CSS will-change

The will-change CSS property is a powerful tool that allows developers to hint to the browser about the elements on a page that are likely to change s...

Log Rocket logo

Log Rocket

May 15, 2023

Top Features in Next.js 13

Top Features in Next.js 13

Next.js 13 brings a host of new features and improvements to the popular React framework. Check out our top picks of the best in the latest release.

Turing logo

Turing

Apr 20, 2023

How to Build a Real-time Chat App with ReactJS and Firebase

How to Build a Real-time Chat App with ReactJS and Firebase

In this article, we will build a real-time chat app using Reactjs and Firebase. We will allow the user to log in with their google account using Fireb...

freeCodeCamp logo

freeCodeCamp

Apr 15, 2023

Deep dive into the CSS :where() and :is() functions

Deep dive into the CSS :where() and :is() functions

In this tutorial, we'll look at the CSS :where() and :is() functions and show how they can be used in production and their differences.

LogRocket logo

LogRocket

Apr 4, 2023

AHow CSS Methodologies can enhance Code Efficiency

How CSS Methodologies can enhance Code Efficiency

As developers, we've all been there: handed a codebase that was done without proper planning, leaving us to navigate through a tangle of disorganized ...

Mar 12, 2023

The Dangers of Using !Important in CSS: Why It Should Be Avoided

The Dangers of Using !Important in CSS: Why It Should Be Avoided

Learn why using !important in CSS can lead to maintenance and debugging issues, and why good CSS structure allows for cleaner and maintainable styling

Feb 24, 2023

Understanding Technical Debt in Software Development

Understanding Technical Debt in Software Development

Technical debt is a term that describes the cost associated with using quick and dirty solutions in software development. It is a consequence of prior...

Feb 4, 2023

Understanding Vue.js touch events for Android and iOS

Understanding Vue.js touch events for Android and iOS

Vue.js is one of the popular frontend JavaScript frameworks that helps us build straightforward and fast UIs and SPAs. It also allows us to extend our...

Log Rocket logo

Log Rocket

Jan 14, 2023

My Journey Through 2022; From Surviving to Thriving

My Journey Through 2022: From Surviving to Thriving

In 2022, I navigated challenges in my tech career and learned to trust in God. The result? Unexpected wins and growth. Read my story of survival in a ...

Jan 1, 2023

Creating responsive images with image-set

Creating responsive images with image-set

The image-set() is a CSS function that allows web developers to turn an image into a responsive image, showing variations of the same photo for differ...

UploadCare logo

UploadCare

Dec 27, 2022

Improving Next.js app performance with BlurHash

Improving Next.js app performance with BlurHash

Next.js is a flexible React framework that can be used to build fast web applications. We can use the Next.js configuration to create, develop, and sh...

LogRocket logo

LogRocket

Dec 27, 2022

Building a draggable slider in React

Building a draggable slider in React

Website sliders are flexible user interface elements that can be helpful for sharing multiple images or conveying information efficiently without wast...

LogRocket logo

LogRocket

Nov 17, 2022

Using the v-model in Vue 3 to build complex forms

Using the v-model in Vue 3 to build complex forms

In this article, I will introduce changes to the v-model directive in Vue 3. Then, I will step through a tutorial, demonstrating how to use multiple v...

LogRocket logo

LogRocket

Sep 8, 2022

Build a React theme switcher app with styled-components

Build a React theme switcher app with styled-components

Using the ThemeProvider, a wrapper component available in styled-components, we can quickly set up multiple custom themes in React and switch between ...

LogRocket logo

LogRocket

Jul 28, 2022

Open source with SheCodeAfrica at Moja Global ContributhonbySCA

Open source with SheCodeAfrica at Moja Global ContributhonbySCA

So, earlier this year, I applied for and was accepted for SCA's Contributhon open-source boot camp. Yay. This note will talk about my experience and p...

May 28, 2022

How I learned NextJs in 2 days

How I learned NextJs in 2 days

I had recently migrated one of my projects, an open-source called Tech Roadmap from pure HTML, CSS, and JavaScript to ReactJs and was trying to make i...

May 27, 2022

How to Create an Image Slider using CSS and JavaScript

How to Create an Image Slider using CSS and JavaScript

How to build an image slider using CSS and vanilla Javascript that opens a modal when you click on any of the images and enlarges the image that is cl...

May 12, 2022

How to Create Your Own Custom Code Snippets Right in Your Code Editor

How to create your own custom Code Snippets right in your Code Editor

Code Snippet is a term used in programming to describe a small portion of reusable source code, machine code, or text. They help programmers reduce th...

freeCodeCamp logo

freeCodeCamp

Apr 14, 2022

How to Build a Random Color Flipper with Vallina Javascript

How to Build a Random Color Flipper with Vallina Javascript

Hi guys and welcome to the second article in my Javascript Project Series, a series where I will be building 10+ Javascript projects, to test and buil...

Apr 1, 2022

3 Simple Ways to Build an Accordion

3 Simple Ways to Build an Accordion

Hi guys and welcome to my JavaScript Project Series. In this series, I will be building several JavaScript projects, from simple easy mini-projects to...

Mar 15, 2022

Tech Roadmap: Everything you need to help you choose and learn a career in Tech

Tech Roadmap: Everything you need to help you choose and learn a career in Tech

Tech Roadmap provides you with articles, guides, videos, and other useful resources to help you choose a career path, start your journey and grow in t...

Feb 27, 2022

Why my React App Failed To Compile

Why my React App Failed To Compile

Uncover the journey of debugging a React app, encountering compilation errors, and the importance of reading the Build log. Find motivation in tacklin...

Jan 20, 2022

21 no-code tech jobs: You don't need to write code to become a Tech Sis/Bro.

21 no-code tech jobs: You don't need to write code to become a Tech Sis/Bro.

When most people think about Tech jobs, they think of coding, programming, hacking, maths. Although they are right, the tech industry encompasses more...

Dec 6, 2021

all vs root vs html vs body selectors

all vs root vs html vs body selectors

CSS selectors are used to select elements in our web document so we can apply CSS styles to them.

Nov 24, 2021

Using CSS Variables like a Pro

Using CSS Variables like a Pro

CSS variables help you create custom CSS styles that can be reused continuously throughout your document or website. This is done using the var() func...

Nov 9, 2021

Resources that helped me on my Frontend Development Journey

Resources that helped me on my Frontend Development Journey

Ok, so a lot of us have been there and will still be in such a situation of learning something new whether code related or otherwise and how fast we m...

Aug 21, 2021

How to fork a repo in GitHub using Your Mobile Device

How to fork a repo in GitHub using Your Mobile Device

Forking a GitHub repo on your mobile device is actually possible and easier than you think. All you need to do is push a button.

Jul 16, 2021

Subscribe to my newsletter 💌

Never miss a beat! Stay updated with my latest tech tutorials, code snippets, how-to guides, productivity tips, personal projects and experiences, and more! 💻📚✨