Search for technical articles based on their categories

Exploring Catalyst, Tailwind's UI kit for React

Tailwind's Catalyst UI kit offers many features and customization options for React user interface development.

LogRocket

Mar 21, 2024

How to Integrate Sender with a React Form to Collect and Deliver Emails for Free

Setting up a subscription form on your website is a great way to collect emails from your visitors. You can then use these emails to send them newsletters, upda...

Mar 1, 2024

How to use Inline CSS Variable in Html

Learn how to use CSS variables inline in HTML for dynamic and personalized styling.

Feb 15, 2024

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 thing for a co...

Jan 1, 2024

How to Auto Update Copyright Year on Your Website

Easily add & update the copyright year on your website with this JavaScript code.

Dec 15, 2023

How to Style Html Progress Bar

Learn how to style Html Progress Bar with this code snippet.

Dec 15, 2023

How to Create a Loading Spinner in CSS with Overlay.

Build a loading spinner with an overlay using Html and CSS for loading content or before page loads.

Dec 13, 2023

Mastering the Modulo Operator in JavaScript: A Complete Guide

We investigate how the modulo operator works in JavaScript and explore several real-life applications, like cyclic patterns and animations.

LogRocket

Dec 8, 2023

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. This article will guide you through th...

Turing

Dec 3, 2023

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

Nov 3, 2023

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 build our Java...

Nov 2, 2023

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 to a littl...

Nov 1, 2023

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 you've enjoy...

Sep 25, 2023

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

Sep 24, 2023

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

Sep 23, 2023

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 ready to t...

Sep 22, 2023

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 performance of th...

LogRocket

Sep 22, 2023

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 together to build...

Sep 21, 2023

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're ready t...

Sep 20, 2023

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

Turing

Sep 20, 2023

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 lattes; it's ...

Sep 19, 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 the globe ...

Sep 18, 2023

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 in the bu...

Sep 15, 2023

Improving responsive data table UX with CSS

We review several approaches for using CSS to further optimize responsive data table UX to enable users to better access, analyze, and interpret data.

LogRocket

Sep 6, 2023

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 lights or som...

Sep 1, 2023

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 challenges, p...

Aug 18, 2023

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

LogRocket

Aug 9, 2023

Creating Responsive Data Tables with CSS

We explore options for creating responsive data tables using CSS and techniques dor making them accessible and easy to use on mobile devices.

LogRocket

Jul 13, 2023

How to Debug React Code: Tips and Tricks for Developers

Learn tips & tricks for debugging React code effectively with this article. Explore different techniques & tools to identify & fix issues in your React applicat...

Turing

Jul 11, 2023

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

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

Jun 22, 2023

How to Create React Search Component Using React Hooks

Learn how to build a simple and efficient React Search Component using React Hooks like useState and useEffect. Enhance your React skills with this guide.

Turing

Jun 21, 2023

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

LogRocket

Apr 25, 2023

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

Apr 20, 2023

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

LogRocket

Apr 17, 2023

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

Mar 12, 2023

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. We'll also...

LogRocket

Mar 3, 2023

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

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

Log Rocket

Feb 15, 2023

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

Feb 4, 2023

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 Firebase's Google...

freeCodeCamp

Jan 13, 2023

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

Jan 4, 2023

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

Jan 1, 2023

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 HTML by u...

Log Rocket

Oct 14, 2022

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

UploadCare

Sep 27, 2022

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

LogRocket

Sep 27, 2022

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

LogRocket

Aug 17, 2022

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

LogRocket

Jun 8, 2022

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

LogRocket

Jun 8, 2022

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

May 28, 2022

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

May 27, 2022

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

LogRocket

Apr 28, 2022

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

Feb 27, 2022

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 tackling coding o...

Jan 20, 2022

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 the time it ...

freeCodeCamp

Jan 14, 2022

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

Dec 6, 2021

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

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

Aug 21, 2021

Archived

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