Get the 2024 Yearly Goals and Progress Tracker Notion Template for FREE!

Search for technical articles based on their categories

Unfiltered Moments: A Candid Journey Through 2023

Unfiltered Moments: A Candid Journey Through 2023

So, here we are again, at the beginning of another year, looking back on what went down in the past 12 months. I've been avoiding this reflection thin...

Jan 1, 2024

Using CSS Variables like a Pro: A Beginners Guide to the var() CSS Function

Using CSS Variables like a Pro: A Beginners Guide to the var() CSS Function

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

Dec 23, 2023

How to Auto Update Copyright Year on Your Website

How to Auto Update Copyright Year on Your Website

Easily update the copyright year on your website with this simple JavaScript snippet.

Dec 15, 2023

How to Style Html Progress Bar.

How to Style Html Progress Bar

Styling/Customising the Html Progress Bar Element.

Dec 15, 2023

How to Create a Loading Spinner in CSS with Overlay.

How to Create a Loading Spinner in CSS with Overlay.

A simple loading spinner with CSS and overlay.

Dec 13, 2023

Mastering the Modulo Operator in JavaScript: A Complete Guide

Mastering the Modulo Operator in JavaScript: A Complete Guide

The modulo operator, denoted by `%`, is a fundamental mathematical operation in Javascript. Despite its apparent simplicity, it is crucial in various ...

LogRocket logo

LogRocket

Dec 8, 2023

How to Build Responsive Layouts Using CSS Grid

How to Build Responsive Layouts Using CSS Grid

Responsive web design is essential in today's web development landscape due to the diversity of devices and screen sizes. Ensuring that your website l...

Turing logo

Turing

Dec 3, 2023

Optimizing Next.js Build Performance: Strategies for Faster Web Apps

Optimizing Next.js Build Performance: Strategies for Faster Web Apps

Building modern web applications has always been challenging. And as the application grows, it becomes more and more difficult to maintain the perform...

LogRocket logo

LogRocket

Nov 22, 2023

Verpex - 90% off
How to Build a Responsive Image Slider with Html, CSS and JavaScript: Step-by-Step Guide

How to Build a Responsive Image Slider with Html, CSS and JavaScript: Step-by-Step Guide

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...

Nov 3, 2023

How to Build a Random Color Flipper with Vanilla Javascript

How to Build a Random Color Flipper with Vanilla 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...

Nov 2, 2023

Learn how to build a pure HTML accordion menu, and an interactive JavaScript accordion menu using two methods. Explore the power of accordions in web design.Create a cleaner and organized user experience effortlessly.

How to Build an Accordion Menu 3 Simple Ways

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

Nov 1, 2023

After Hacktoberfest 2023: What's Next?

After Hacktoberfest 2023: What's Next?

Hi there! Welcome to the final article in our Hacktoberfest series. It's been an exciting journey throughout our Hacktoberfest 2023 series. We hope yo...

Sep 25, 2023

Understanding the Open Source Community: A Guide For The Newcomers

Understanding the Open Source Community: A Guide For The Newcomers

In the previous articles of our Hacktoberfest preparation series, we've covered a lot of ground. We've learned what Hacktoberfest is, set up our devel...

Sep 24, 2023

Hacktoberfest Etiquette and Best Practices: A Guide for First-time Contributors

Hacktoberfest Etiquette and Best Practices: A Guide for First-time Contributors

Welcome back to our Hacktoberfest journey! By now, you're well on your way to becoming a seasoned open-source contributor. However, contributing to op...

Sep 23, 2023

Making Your First Open-source Contribution: A Beginner's Guide

Making Your First Open-source Contribution: A Beginner's Guide

Welcome back to our journey into the world of open source and Hacktoberfest! By now, you should be well-versed in the fundamentals of open source and ...

Sep 22, 2023

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

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

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

Best Practices for Securing Your React Application

Best Practices for Securing Your React Application

React is a robust library that empowers developers to create reusable components and build sophisticated user interfaces. However, as with any web app...

Turing logo

Turing

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

Verpex - 90% off
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 Next.js for Your Next Web Development Project

Why Choose Next.js for Your Next Web Development Project in 2023

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

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

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

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

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

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

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

Verpex - 90% off
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 React and was trying to make it ...

May 27, 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

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

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

Discover your path in tech! Access free ebooks, courses, articles, & tools. From coding to no-code, Tech Roadmap fuels your journey. Start or switch careers effortlessly.

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

Archived

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

Archived

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! 💻📚✨