Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 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
mustimuu
@mustimuu
@NathanMcSparran i know. That is css animation.
But i only want to make it with jquery.
much easier
NathanMcSparran
@NathanMcSparran
Oh gotcha, I'm no help then, lol. I've only used the standard css animations. Sorry!
mustimuu
@mustimuu
well then you know standard css
But they did not show css animation in the exercise
mustimuu
@mustimuu
hey
someone has time to check my code?
Johnny
@JohnnyBizzel
@mustimuu No idea what you want to do.
mustimuu
@mustimuu
sec
i want my like button to bounce
only with jquery
it should work but it doesent
Johnny
@JohnnyBizzel
@mustimuu CSS animations
Johnny
@jtan3
@mustimuu did you finish the jquery on fcc?
mustimuu
@mustimuu
yes let me send my code
Johnny
@jtan3
try codecademy jquery if you want to learn more
mustimuu
@mustimuu
codeacademy is sht
only syntax
i allready know jquery
but this doesnt seem to work
Bryden Uyehara
@d0peU
Hello, can anyone help me make my forms look more like the example portfolio? Right now the name, email address, etc. are just white boxes but I would like them to maybe just be lines
Johnny
@jtan3
you didn't tell the click do anything
mustimuu
@mustimuu
i did ?
told it to toggle and bounce

$( document ).ready(function() {
$( "#knap2" ).click(function() {
$( this ).toggle( "bounce", { times: 3 }, "slow" );
});

});

Gulsvi
@gulsvi
@mustimuu You can use animate.css, they have examples on their github page. Maybe this will help give an idea: http://codepen.io/skycoder/pen/dNQKGN?editors=1010
Johnny
@JohnnyBizzel
@SkyCoder01 :+1:
Gulsvi
@gulsvi
Anything to keep me from completing twitch :) so much distraction here
mustimuu
@mustimuu
skycoder
Gulsvi
@gulsvi
but it's good to learn
mustimuu
@mustimuu
animation css is a easy way around
but with animations css you cant put timer on things etc
thats why
hmm i see
but ye
it should do it
Gulsvi
@gulsvi

@mustimuu You can change the duration of the animations in animate.css:

#yourElement {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

and put the code in a function and call as many times as you want to animate multiple times

Or maybe that's what the iteration-count property is for?
Yeah, if you load it again, the dislike button now bounces 3 times
runnerbill75
@runnerbill75
hello, I am working on a project using codepen, and have not figured out how to load image to my web page..
does codepen allow user to load images from external sources?
NathanMcSparran
@NathanMcSparran
Yes, it does. I have rented a small server that I'm using to upload and link to images from. I've seen some people use images they've found from google images, etc. They link directly to those images as well.
runnerbill75
@runnerbill75
Ok, this is what my code looks like: <img src="https://en.wikipedia.org/wiki/Louis_Zamperini#/media/File:Louis_Zamperini_at_announcement_of_2015_Tournament_of_Roses_Grand_Marshal.JPG"/>
runnerbill75
@runnerbill75
ok thank you!
NathanMcSparran
@NathanMcSparran
you're welcome
ADIL KARMOUZI
@mradil16

Hi everyone . I don't know why jQuery doesn't work when I resize the browser, but it works fine, If I refresh the page.

$(window).bind("resize", listenWidth);

     function listenWidth( e ) {
        if ($(window).width() <= 992) {  

              $(".features > .col-md-2, .features > .col-md-10").addClass("center-block");

       }

        if ($(window).width() >= 1200) {  

              $("#section3 > .col-lg-6:nth-child(1)").css("text-align" , "right");
              $("#section3 hr").css("margin-right" , "0");

       }

       if ($(window).width() <= 1200) {  

              $("#section3 > .col-lg-6:nth-child(1)").css("text-align" , "center");
              $("#section hr").removeAttr("style").addClass("center-block");

       }
    }

    listenWidth();

especially this part of code :

 if ($(window).width() <= 1200) {  

              $("#section3 > .col-lg-6:nth-child(1)").css("text-align" , "center");
              $("#section hr").removeAttr("style").addClass("center-block");

       }

when I resize the browser, the <hr> stay aligned to the right instead of being centered