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
5
votes
2 answers

*ngif Not working after first click. Angular 6

What I want to Achieve is that I have a Select field in angular6 on the basis of the selected value I want to hide and display another div. Here is the code.
Developer
  • 107
  • 7
5
votes
2 answers

Choppy animation while scrolling up in safari and FireFox

I am building a website where i have put a scroll animation in which an icon images moves up based on the offset position of the right container content. The logic works great but the animation is choppy in safari and Firefox. URL -…
Ashirvad
  • 2,367
  • 1
  • 16
  • 20
5
votes
1 answer

Multiple h1 tags?

Is it really that bad to use multiple h1 tags per page? If using hgroup,article,header,footer,section tags to give semantic meaning to the page? Found a lot of discussions and none of them clearly answers this.
Djordje Cupic
  • 53
  • 1
  • 6
5
votes
1 answer

Angular2 import components/services from module

I am working on an Angular2 final application which (currently) has two modules: CoreModule: Contains shared components, services. AppModule: The root module of the application AppModule: /** * Created by jamdahl on 9/21/16. */ // Angular…
jrdnmdhl
  • 1,935
  • 18
  • 26
5
votes
2 answers

How do I vertically center the text in a
  • without affecting the list bullet?
  • I am trying to build a simple website, the HTML is like this:
    • Test item 1
    • Test item 2
    You can see the text does not align with the bullets. Here is what I tried: ul{ display:…
    Wulipapa
    • 105
    • 2
    • 10
    5
    votes
    1 answer

    how to change the pagination bullet in a swiper to text?

    In my project : http://moransh4.github.io/Luca/ I need to change the swiper-pagination-bullet at the last section to this: The "active" change to green. I read ( from : http://idangero.us/swiper/api/) that i can customize with this : …
    Moran
    • 435
    • 2
    • 6
    • 20
    5
    votes
    5 answers

    Google Translate widget - responsive

    On my Web page I put translate widget when i resize browsers widged does not change size I tried change css but i can change only css for Iframe Title
    Matus
    • 172
    • 1
    • 1
    • 13
    5
    votes
    1 answer

    Gulp Error: ENOENT, lstat while running tasks

    I am using gulp to copy and clean my front-end projects. I want to run some sequential tasks. It means, for example, I want the copy task to be started and finished and then run its the following task (a copy task). I frequently see this error when…
    RezKesh
    • 2,861
    • 2
    • 24
    • 35
    5
    votes
    1 answer

    Workaround to the button outline on focus appearing behind the sibling button with float left

    Given this HTML:
    And this stylesheet: button { border: 1px solid #EEE; float: left; } button:focus { outline: thin dotted; } SSCCE: http://jsfiddle.net/DKpGA/ In the…
    Fagner Brack
    • 2,365
    • 4
    • 33
    • 69
    4
    votes
    1 answer

    CSS3 rounded corners - only border is rounded, inner box still square

    I haven't seen this question anywhere else, I hope someone can help. I have a div container with a thick border. I was hoping that when I rounded the edges, all edges would round, but only the border rounded, leaving the original box square. I don't…
    amandathewebdev
    • 259
    • 5
    • 22
    4
    votes
    0 answers

    How to use multiple middlewares in Next.js using the middleware.ts file?

    I'm working on a Next.js project and trying to implement multiple middleware in my application. While I've found examples of using a single middleware in Next.js using the next-connect package, I prefer to achieve this without relying on any…
    4
    votes
    1 answer

    Rendering glb file in React using npx gltfjsx model.glb command

    I am trying to add animation to my React project. Animation is taken from mixamo.com and then exported to a glb file using blender. I saved the glb file in my public folder. Next, I used: npx gltfjsx model.glb but I receive the following error: …
    4
    votes
    0 answers

    Alternative for backdrop-filter for Firefox

    I want all the components to blur out beneath the dialog box. The dialog box should not get blurred out. I've tried couple of ways but i didnt achieve the desired result. Tried using filter with pseudo element, it did blur out the background behind…
    4
    votes
    1 answer

    how to overlap a top

    I have a top div, an image, and a bottom div in my html and I want to overlap the 2 divs into my image, the first div should cover some area in the top part of the image, and the bottom div should cover some area in the bottom part of the image, the…
    0xdeadbeef
    • 500
    • 3
    • 17
    4
    votes
    1 answer

    Is a modern equivalent of $document.ready() still required in Vanilla JS apps?

    When I learnt JavaScript a few years back, jQuery was still considered good standard practice, and it was recommended that the main application code be called from the $document.ready() event handler, so as to ensure the DOM was safe to use. Fast…
    finitud
    • 610
    • 1
    • 6
    • 14