Questions tagged [web-frontend]

A refinement of the more generic frontend tag. In a web application this usually means HTML, CSS and JavaScript

Related: frontend, css, html, javascript

1441 questions
-1
votes
2 answers

how to get rid of the border for icons?

My goal is to make the icon glow, but if apply shadow it comes with a ugly rounded div. React code : The sunshadow is 0 0 20px 7px rgb(255 204 51 /…
Sai Krishnadas
  • 2,863
  • 9
  • 36
  • 69
-1
votes
1 answer

ReactStars component displays border around stars

I want to use a component in my application but when I click a star, that component displays a border around stars. How can I make it not to display that border when I click a star? I tries to use id or className prop to define a none…
Dasher
  • 33
  • 6
-1
votes
1 answer

React checkbox value not changing

I'm using materil-ui Checkbox but it's not working. const initialValues = { // other values isActive: true, }; const NewUser = () => { const [values, setValues] = React.useState(initialValues); …
Yankz Kuyateh
  • 612
  • 1
  • 5
  • 18
-1
votes
1 answer

what is the path one have to follow in order to become Full Stack developer?

I am the student of 4th semester in CS dept. so far i have learnt C++,OOP(java) and data structures(java) currently learning data base. I want to be a best full stack developer. but when search for the material to study. I get so many things like…
-1
votes
2 answers

CSS does not work and DOM structure from HTML

.empty-space{ width: 30%; float: left; } .download-information{ width: 70%; float: left; } .download-thumbnail img { height: 30px; width: 30px; float: left; } .download-profile{ float: left; }
Premox
  • 323
  • 10
  • 25
-1
votes
1 answer

Pick image form React Carousel and push it into a new variable

I have a React Carousel with 4 images for example. import React from 'react' import { FacebookShareButton } from "react-share"; import img1 from './images/kitten/200.jpg' import img2 from './images/kitten/201.jpg' import img3 from…
Dev01
  • 149
  • 1
  • 9
-1
votes
1 answer

Is it possible to change what happens upon hover to scroll?

Please view this imageLike in the image, i have made a border which is supposed to move 20px up on scrolling above and 20px down on scrolling down. The same thing has been accomplished through hover, however i am not being able to do it upon scroll.…
-1
votes
1 answer

Should I learn Git and Github?

I am learning Html now and I want to become a front-end web developer should I learn Git and Github at the same time?
-1
votes
1 answer

How to access a variable defined in service class from a component in Angular 9?

I am making a chat application wherein the service class after login I am setting a local variable as true. But when I am trying to access that variable from another component it gives me the initial value which is false. So how to go about it…
-1
votes
1 answer

I am developing a website I know bootstrap and learned spring I want to know what else can be done to make it better?

I want to know what spring dependencies should I use on my website to make the work easy and spring or spring boot which one is better. also, suggest some frontend technologies that I can use to make the website smart.
-1
votes
1 answer

Why prefer use of CSS pseudo class to apply background image instead of directly applying to the element?

I was going through different video tutorials and a few suggested to use ::before pseudo selector to apply background image. Is there any specific reason to follow this trend?
Anand
  • 222
  • 3
  • 12
-1
votes
3 answers

JavaScript: Math.random() returning the same numbers. How do I stop this?

I have an array of JavaScript strings, and I want to pick a random string from the array. However, when it runs in Edge and Chrome, it doesn't throw any errors, but it picks the same strings from the array every time. I have looked at other answers…
anonsaicoder9
  • 107
  • 1
  • 12
-1
votes
1 answer

Map an dynamic array in array js

I have an array(it isn't final version, the array is dynamic) [{ "TemplateName": "C__01", "Template": "

Hello world!

", "TemplateBody": "body", "TemplateChildren": [{ …
-1
votes
3 answers

How to find objects when you only enter a part of phone number or enter name that this name (may be uppercase ,lowercase) => still produce the result?

let obj = [ { name: 'jame', phone: 123456 }, { name: 'alex', phone: 456789 } ] i'm creating app manager contact include functions . Input contact Delete contact Change contact Find contact…
-1
votes
1 answer

Html file isn't sinking up with my css file?

All of my html and css and files are in the same templates folder so i don't think that is the problem. I am brand new to frontend development and deeply confused... please help, this is not a good start lol! -- My base.html file --
user11043428