A refinement of the more generic frontend tag. In a web application this usually means HTML, CSS and JavaScript
Related: frontend, css, html, javascript
Questions tagged [web-frontend]
1441 questions
-1
votes
1 answer
How to translate a whole column on the y axis
I have this grid view , I need to translate the items of the second column on the y axis as you see in the image, I tried to do it using translateY() but it will require you to scroll in order to see the translated items but I don't want any kind of…
MONSEF OT
- 13
- 3
-1
votes
1 answer
How to customize HttpClient in Angular
I have a question for about Angular Project (v.10.2.5). I wanna set some event behaviors for HttpClient (for example I wanna show full screen loading indicator for all http methods, also I wanna write log to console). I have so many api methods and…
Altay GENÇASLAN
- 1
- 2
-1
votes
1 answer
how to hide secret keys in react js application (frontend side)
I am trying to hide a secret key in react js frontend application, I know it's not a good idea, but I don't have the choice, in fact I want my frontend application (react js) to be the only thing that send requets to my backend application and I…
-1
votes
2 answers
How do I prevent React from re-rendering a component with every change in input field?
So I have created a React components which has a input field and an onChange() which is used to update the value in useState() hook. For every letter I type into the input field the component is re-rendered. How can I prevent this?? I had just…
not_saajith
- 11
- 1
-1
votes
1 answer
Why my states are not resetting my input to an empty string?
I´m creating a simple login page, but i can´t make those two inputs email, passwordturn blank again when users introduce correctly theirs login info.
They are resetting correctly all the others states, except these two…
matheus035
- 13
- 4
-1
votes
1 answer
"Functions are not valid as a React child." error
I'm a begginer on react and js. I'm trying to create a todo list and i get the "Functions are not valid as a React child." error. I tried a couple of solutions but they didn't do anything. Here is my code:
const default_tasks = [
{
…
-1
votes
1 answer
need help to vertially center the following elements
I have a section that I want vertically centered in HTML and CSS. I've tried everything I could find and what is in my knowledge but it just won't work. I have to do it in pure html/css so can't use any frameworks. The first picture is the reference…
ahmed
- 11
- 2
-1
votes
1 answer
How to not accept blank and space input for a frontend web registration form using python flask?
I have a code to create new f_name, l_name, email, id in my program, however it accepts any kind of input all variables. But, I want to limit the empty space/ whitespace to reject invalid input such as f_name, l_name, email, id
srini
- 1
- 1
- 4
-1
votes
1 answer
how to make navbar only on 75% of header
Hello i am working on some project and i want to deploy navbar looks like this:
I have been working with many CSS scenarios and i cannot get to it.
I was working with everything at bootstrap docs and found nothing.
Last idea which comes to my mind…
Software Architect
- 131
- 1
- 10
-1
votes
2 answers
Masking HTML rows and columns in an interlacing design
I have this design that consists of columns and rows that intersect (interlace) to produce something similar to this image:
How can I solve this matter by the use of Masks or any other option?
It's a must to have the design as (rows and columns)…
Al Shammaa
- 11
- 1
-1
votes
1 answer
addeventlistener function argument is null on one webpage, but functions properly on others
I'm doing the frontend on my clients website and have come across a strange issue. On certain pages (maybe 5% of the total pages on the site), the simple hamburger icon javascript doesn't function at all.
Here is the JS (which, again, works on 95%…
pcmila
- 23
- 5
-1
votes
1 answer
Aggregating all values from each child property that belongs to a parent key on JS
This is my current data structure
{
key1: [
{
a: 123,
b: 100,
c: 300,
start_date: “05-01-2021”
},
{
a: 123,
b: 100,
c: 300,
…
hackerman90219
- 81
- 1
- 1
- 13
-1
votes
1 answer
Styling and Positioning Elementor Search Form
i new to elementor and im trying to position my search form in the middle and remove the styling that it has, i want to remove the border and the outline around the input and also remove the on click styling it hasthis is what i want it to look…
Nicole dudley
- 3
- 2
-1
votes
2 answers
How to insert a downloaded image into HTML code?
I'm a junior dev trying to build a portfolio site and want to upload a pic of me that is already downloaded on my PC. When I type in an src of an image that exists somewhere online it clearly appears on my live server but when I insert the src of…
Moe
- 1
-1
votes
1 answer
Why we write header and footer element inside of the body element in HTML5?
When we code in html5 we usually write code in this format
And like this
What Does WWF Do?
WWF's mission:
