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
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

runnerbill75
@runnerbill75
i have another question about using images in codepen, can i upload image stored on my own pc? I read it is good practice to resize image first then use in html as opposed to adjusting size in html...
Yevhen Diachenko
@EugeneDyachenko
Hi all, please can check out my weather project. You see your local weather?
https://codepen.io/EugeneDyachenko/full/JEeGVG/
NathanMcSparran
@NathanMcSparran
@EugeneDyachenko Sure do
runnerbill75
@runnerbill75
Hi @NathanMcSparran did you see my other question?
Gulsvi
@gulsvi
You can upload images to your github profile and access them from there. Create a repository with the name yourusername.github.io and click the "upload file" button. Then you can get them from https://yourusername.github.io/filename
NathanMcSparran
@NathanMcSparran
@runnerbill75 Sorry, I missed it. I believe CodePen does let you store images on their server, but that's a paid feature.
I think @SkyCoder01 has a better solution though.
runnerbill75
@runnerbill75
Thank you for your help @SkyCoder01