web-frontend

Difference between frontend user authetication and backend user authentication

Front End vs Back End User Authentication A Clear Distinction The internet is a vast landscape teeming with data and services To ensure security and control acc

3 min read

Difference between frontend user authetication and backend user authentication

How to fix the footer to make it positioned at the end of the page? (css print)

Fixing the Footer to the Bottom of the Page in CSS Print Styles Printing a website can often result in a frustrating experience where the footer intended to be

3 min read

How to fix the footer to make it positioned at the end of the page? (css print)

why is hovering over emoji logs console error

Why Hovering Over Emojis Can Cause Console Errors Have you ever noticed that hovering your mouse over an emoji in your browsers developer console can sometimes

2 min read

why is hovering over emoji logs console error

Ant design Button component loads with empty style initially

Understanding Ant Designs Button Component Addressing the Initial Empty Style Issue In the world of React component libraries Ant Design stands out for its comp

2 min read

Ant design Button component loads with empty style initially

How to solve Uncaught (in promise) Error: QUOTA_BYTES quota exceeded at Object.setItem error for front end web dev project?

How to Solve Uncaught in promise Error QUOTA BYTES quota exceeded in Front End Web Development When developing a front end web application you may encounter the

2 min read

How to solve Uncaught (in promise) Error: QUOTA_BYTES quota exceeded at Object.setItem error for front end web dev project?

How do I make a toggle Panel not be open by default? the toggle is made on JavaScript within the HTML

How to Create a Toggle Panel that is Not Open by Default in Java Script When building a user interface UI with HTML and Java Script you may come across situatio

2 min read

How do I make a toggle Panel not be open by default? the toggle is made on JavaScript within the HTML

I am trying to get the arrow button conditionally if the screen size is smaller or the more steps is coming in, but its not working

Conditional Display of Arrow Button Based on Screen Size and Step Count in Java Script In web development one common requirement is to adjust the interface base

3 min read

I am trying to get the arrow button conditionally if the screen size is smaller or the more steps is coming in, but its not working

CSS - How to make a rounded corner designed in figma

Bringing Your Figma Designs to Life Rounding Corners with CSS Figma is a fantastic tool for crafting beautiful designs but to make those designs a reality on th

2 min read

CSS - How to make a rounded corner designed in figma

How do I add a feature here so that when I zoom in or out the grid size changes?

Dynamic Grid Sizing Zooming in and Out for Enhanced User Experience Many applications utilize grids to organize content and a common user expectation is for the

3 min read

How do I add a feature here so that when I zoom in or out the grid size changes?

How to test in Safari on Windows?

Testing Your Website in Safari on Windows A Comprehensive Guide As a frontend developer you re likely familiar with the importance of testing your website acros

3 min read

Ag grid is not showing as intended

Troubleshooting Ag Grid Rendering Issues A Practical Guide Ag Grid is a powerful and popular Java Script data grid component but even the best tools can sometim

2 min read

Can't find location of specific ToolTip within Source Code - Font-Awesome open source repo

Diving into the Font Awesome Tooltip Mystery How to Change Copy Code Snippet Have you ever wondered how to tweak the little tooltips that pop up when you hover

3 min read

Can't find location of specific ToolTip within Source Code - Font-Awesome open source repo

--debug-brk ./node_modules/.bin/jest --runInBand basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") SyntaxError: missing ) after argument list

Debugging Syntax Error missing after argument list in Jest Setup Have you ever encountered the frustrating Syntax Error missing after argument list error while

2 min read

$--debug-brk ./node_modules/.bin/jest --runInBand basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") SyntaxError: missing ) after argument list$

I tried overwriting an element with a confirmation notification, I tried to remove this notification on confirmation but it returns 'NaN'

Na N in Your Confirmation Notification A Common Java Script Error and Solution Have you ever encountered the dreaded Na N Not a Number error while trying to man

2 min read

I tried overwriting an element with a confirmation notification, I tried to remove this notification on confirmation but it returns 'NaN'

JS Signal Protocol Messenger Example

Building a Secure Messenger with the Signal Protocol in Java Script A Practical Guide The Signal Protocol is a widely used end to end encryption standard ensuri

3 min read

the shacdn/ui install command not intepret @ correctly to /src

Why shadcn ui doesnt interpret correctly to src and how to fix it Many developers using shadcn ui have encountered the issue where the symbol in their project p

2 min read

the shacdn/ui install command not intepret @ correctly to /src

how to align the items in the navbar ?? Using html and Bootstrap5

Aligning Navbar Items A Guide Using Bootstrap 5 Want to create a navbar with your logo on the right and your navigation links evenly spaced on the left Lets bre

2 min read

how to align the items in the navbar ?? Using html and Bootstrap5

How do I resolve styled_components__WEBPACK_IMPORTED_MODULE_2__.div is not a function?

How to Resolve styled components WEBPACK IMPORTED MODULE 2 div is not a function Error in React Native The error styled components WEBPACK IMPORTED MODULE 2 div

3 min read

How do I resolve styled_components__WEBPACK_IMPORTED_MODULE_2__.div is not a function?