Creating a Responsive Two-Column Text Component in HTML & CSS
As I worked on building a responsive layout for my webpage, I needed to create a component that displays two […]
Creating a Responsive Two-Column Text Component in HTML & CSS Read More »
HTL (HTML Template Language) Syntax in AEM
When working in Adobe Experience Manager (AEM), you’ll first encounter HTL (HTML Template Language), also known as Sightly. As someone
Custom Article List Component in AEM with HTML and CSS
AEM uses a combination of HTML, CSS, and Java components to build the structure and design of the components we
Custom Article List Component in AEM with HTML and CSS Read More »
Showcasing the YouTube Channel Details Checker: How It Works
I will walk you through the YouTube Channel Details Checker application I built. This web app allows users to quickly
Showcasing the YouTube Channel Details Checker: How It Works Read More »
CSS Resolution: Image at top of webpage (header) gets off screen on mobile
Recently, while creating my QR generator app, I encountered an issue related to mobile responsiveness. The issue appeared when the app was
CSS Resolution: Image at top of webpage (header) gets off screen on mobile Read More »
How to Build a Custom QR Code Generator with a Logo in Middle
QR codes have become an essential tool in the digital world. Whether you want to share links, promote a business,
How to Build a Custom QR Code Generator with a Logo in Middle Read More »
Solving Landscape Overflow and Responsive Design with CSS
Recently, I worked on building a simple yet functional QR Code Generator app. The idea was to let users input
Solving Landscape Overflow and Responsive Design with CSS Read More »
Odd & Even Alternating Colors in CSS Lists
I always look for ways to enhance my projects’ user experience (UX). One effective technique I’ve discovered is using color
Dynamic Product Code Verification in Cypress & JavaScript
In my journey to optimize Cypress tests for promotions in an online backoffice system, I ran into a specific challenge
Dynamic Product Code Verification in Cypress & JavaScript Read More »
Don’t forget the Viewport Meta Tag for Mobile Responsiveness
I often grapple with the intricacies of responsive design. Recently, I encountered an issue highlighting the importance of a simple
Don’t forget the Viewport Meta Tag for Mobile Responsiveness Read More »
Connecting 2 functions in JS with Event Listener
In this article, we explore a common scenario in web development where user interaction triggers dynamic updates to the UI.
Connecting 2 functions in JS with Event Listener Read More »
JavaScript solution for Triangular Plant Spacing calculation
One of the most effective methods when maximizing the efficiency and aesthetics of planting layouts is triangular spacing. This method,
JavaScript solution for Triangular Plant Spacing calculation Read More »