Why are frontend frameworks able to create custom attributes on html elements like Vue for instance <div v-for="..."> Html validators complain if I make up my own. <div something> Telling me I should pretend data- like this <div data-something> I…
I've been learning the basics of front-end web dev and started doing "The Odin Project" I saw an example of a website that I saw on Git-Hub that used HTML and CSS only. I tried taking some inspiration and making…
getCheckStatus(checkStatus: string) { let statusClass = ''; if (checkStatus === 'Completed') { statusClass = 'mat-focus-indicator btn--primary__button mat-raised-button mat-button-base'; } else { statusClass = 'mat-focus-indicator mat-raised-button mat-button-base mat-button-disabled'; } const button = document.createElement('button'); button.className = statusClass; button.textContent = 'Close'; button.addEventListener("click", ()…
I'm diving into the world of CSS animation and attempting to replicate the card shuffling animation seen: https://go.topcreditcardfinder.com/ Here's a glimpse of what I've achieved so far: https://youtu.be/GDIJ2K22cnY I've managed to achieve the basic movement, but I'm struggling with improving…
I was working on an HTML-CSS project and came across a problem where I was not being able to make two elements inside a div tag of the same height. One of these elements is an input field and the…
I'm trying to write a simple program for a teacher. This program has 3 inputs where the teacher manually enters the students' information (name, surname and starting date). However, after entering the information, it disappears when I refresh the screen…
Probably a stupid question from a mostly backend engineer, but I legitimately do not understand why it is important to keep your packages up to date if your backend is secure. Current stack - API with flask secured by an…
I am using Bootstrap 5 to create a website and in my feature and mission sections I want the images to move above the text when the viewport is mobile or tablet size, but I am not sure how to…
I have the following "warning" in my code when using props for React. Everything seems to be working fine, however, I have that red underline to my props and when I hover them I have this: is missing in props…
I'm just learning HTML and CSS.So,I was given a design but i don't know how to design the background image part because there are two very large background image.Here's the design and using the following CSS snippet,here's what i achieve…