Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Mark Kubik
@KUBIX90
@NJM8 I run the audit on chrome and it came back with a score f 81 which seems decent enough
Im sure chrome has something similar.
Ian
@toianw
@KUBIX90 just change the transition duration in your css. The nav animation is this rule transition: all 1s ease-out; just after line 68 in your css file. Change the 1s for soething faster.
Nate Mallison
@NJM8
Yeah but i think that is a hypothetical situation. With performance profiling you can see what the code is really doing
Mark Kubik
@KUBIX90
@toianw Its the frame rate of the transition that's the issue, it's super jerky
Nate Mallison
@NJM8
Watch the video on that page you will see what I mean
Ian
@toianw
@KUBIX90 which transition?
Mark Kubik
@KUBIX90
@NJM8 Just tried it in chrome and its working smooth and fine, seems to be a firefox issue with the site
hovering over the menu or the portfolio projects
Nate Mallison
@NJM8
Hmm. Im on mobile now otherwise I could take a closer look
Moisés Man
@moigithub
probably u need to add VENDOR prefixes too
.example {
    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}
Nate Mallison
@NJM8
That could be it too. I always run my css through autoprefixer online
Great tool
Mark Kubik
@KUBIX90
interesting, I'll take a look at that tool, thanks
Closed a few windows and seems to be smoother now, really odd
Ian
@toianw
@KUBIX90 The hover animations seem fine to me on both firefox and chrome.
Mark Kubik
@KUBIX90
Yeah its working Ok for me now as well
not sure what happened tbh
nah somethings not right the performance is really erratic
It's working terribl on firefox
terribly
a27-suryansh
@a27-suryansh
can anyone help me with jquery? i have a small problem
Matej Bošnjak
@mbosnjak01
post question
a27-suryansh
@a27-suryansh
@mbosnjak01 the thing is i am adding class to image element dynamically using jquery on click event and in the inspector it changes the class to "changed" however when i target the the element using .changed it is unable to find it
Matej Bošnjak
@mbosnjak01
post code as well
:)
a27-suryansh
@a27-suryansh
sure
~~~
 <script type="text/javascript">
     $(document).ready(function() {

$(".clk_london_map2").on("click", function() {
$(".clk_london_map1").attr("src", "images/london_map2.png");
$(".clk_london_map2").attr("src", "images/london_map.png");
$(".clk_london_map2").attr("id", "clk_london_map2_changed");
});


     $("#clk_london_map2_changed").on("click", function() {

$("#clk_london_map2_changed").attr("src", "images/london_map2.png");

});

     });
```
Second click function is not working only god knows why
 $("#clk_london_map2_changed").on("click", function() {

$("#clk_london_map2_changed").attr("src", "images/london_map2.png");

});
Matej Bošnjak
@mbosnjak01
would need whole code, you got codepen?
a27-suryansh
@a27-suryansh
no
i have only this code for jquery
Stephen James
@sjames1958gm
@a27-suryansh $("#clk_london_map2_changed").on("click", function() { this code is likely running before the code above it so the id is not yet assigned to the element
@a27-suryansh Why not put that code at the bottom inside the .ready function?
a27-suryansh
@a27-suryansh
@sjames1958gm it is already under that
Stephen James
@sjames1958gm
@a27-suryansh Oops - never mind - it is there already - forget all I said
a27-suryansh
@a27-suryansh
@sjames1958gm i have heard that we cannot target elements with dynamically added classes is that right?
Stephen James
@sjames1958gm
@a27-suryansh I doubt that is the case, but there might be some timing issue.
Why are you targetting an element with #clk_london_map2_changed when you can already target it with ".clk_london_map2"
Unless this is some sort of experiment?
a27-suryansh
@a27-suryansh
no actually there are images of map in the web page and when user clicks on map2 then both maps should interchange that's why @sjames1958gm
@sjames1958gm there are only 2 maps
Stephen James
@sjames1958gm
@a27-suryansh Dang I should look closer did not see the 1 and the 2
a27-suryansh
@a27-suryansh
It interchanges one time but fails to interchange second time coz you know second click function is not working @sjames1958gm
Stephen James
@sjames1958gm
@a27-suryansh You cannot target a element when the id is added later. After you add the id to the element, then you can target it
a27-suryansh
@a27-suryansh
@sjames1958gm as you can see in my code i am first changing the class only then i am targeting it on the next click event
```
$(".clk_london_map2").on("click", function() {