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
Harshil Agrawal
@harshil1712
@sophiabrandt no problem
d1sr3
@d1sr3
@sophiabrandt I have disabled access control and I'm getting "NS_ERROR_FAILURE: Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIURI.host]", "not well-formed" and "TypeError: aWindow is undefined" now
Ray Liu
@mania7539
Hey guys, do you want to play tic tac toe? :) I just finished it and would like to hear from you , let me know your opinions, here it is: http://codepen.io/mania7539/full/QEpjMB
NamanJain2050
@NamanJain2050
hi,
i was making the tribute page, but i am facing problems with overriding bootstrp styles with my own css
i am a newbie to web development
can anyone help me here?
Jack Lyons
@JackEdwardLyons
hey guys i have a question about string replace
why does this not add a dash with every space?
str = "hello m name is jack";
str.replace(" ", "-");
 returns ----->  "hello-my name is Jack"
why only the first word?
Norvin Burrus
@ndburrus
@JackEdwardLyons this may be helpful:
Stefan
@Isak7
Hi guys, I am building my first Front End project. I see that all of my things are gonna be in one div (box), how to make it centered relative to the page?
Susan
@tmmggmmdld
Thanks so much
Thanks so much Aaron Taylor.
Hong
@designBuildShipSoftware
Hi, I am trying to get weather info from openweathermap.org by ZIP code. But I got an error message:{"cod":"404","message":"Error: Not found city"}
Here is my code
This message was deleted
$(document).ready(function() {
  var zip="";
  var country="";
  $.getJSON("http://ipinfo.io", function(response) {
    $(".location").html(response.city + ", " + response.region + ", " + response.country);
    zip=response.postal;
    country=response.country;
  });
  $.getJSON("http://api.openweathermap.org/data/2.5/weather?zip="+zip+","+country+"&APPID=4ca247b54b4eb71e942ca40585468d7d", function(json) {
    $(".weather").html(JSON.stringify(json));
  });
});
I wonder what was wrong
Bruce Young
@mutantspore
@designBuildShipSoftware put the second getjson inside the first getjson at the end. the processes are asynchronous.
https://www.youtube.com/watch?v=obaSQBBWZLk
Aaron Brown
@bohumil1919
I am working on the first challenge and I a trying to insert an image located on my computer using CodePen. Please help!!! Thank you.
Aaron Taylor
@aarontaylor
@bohumil1919 you will have to host it somewhere unless you have a Pro codepen account
Some people have just put it on Dropbox free account and linked in or on their github account you created here and linked in the img src to it
Also I hear this one is decent and works, but I haven't tested it https://postimage.org/
I do know imgur does not work so don't put there and link in.
I hope that helps some
Aaron Brown
@bohumil1919
I really appreciate it. Thank you.
Aaron Taylor
@aarontaylor
You are welcome @bohumil1919 . I know in my case for my pens I often just link to where they are online as long as it is OK to do so. Like stock photography and what not.
Hong
@designBuildShipSoftware
@mutantspore I got it! Thank you elf for the tip and tutorial. I've learned a lot:)
CamperBot
@camperbot
designbuildshipsoftware sends brownie points to @mutantspore :sparkles: :thumbsup: :sparkles:
:star2: 1735 | @mutantspore |http://www.freecodecamp.com/mutantspore
Quoc Anh Nguyen
@quocanh261997
http://codepen.io/quocanh261997/pen/RRVOyQ
Hey guys, why are there white spaces around my background-picture?
Ken Haduch
@khaduch
@quocanh261997 - if you change your CSS to this, it doesn't have the margin around it:
body {
    background-image: url("http://www.ozwallpaper.com/wp-content/uploads/2015/10/starry_night_hd_desktop_background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
Quoc Anh Nguyen
@quocanh261997
@khaduch actually, I haven't added bootstrap in the feature, so that's why it has the white spaces =))
Ken Haduch
@khaduch
@quocanh261997 - oh, I see. With bootstrap normalize.css is loaded, and sets the margin for the body to 0, so that takes care of it... good!

so this:

body {
  margin: 0;
}

would do the same thing. in case you were trying not to use bootstrap.

Adetunji Iyaniwura
@Iadetunji
can anyone help with creating a button that changes quote,background color and button color simultaneously ?
zenflint
@zenflint
<lable>
<input type="radio" name="indoor-outdoor">
indoor</lable>
<lable>
<input type="radio" name="indoor-outdoor">
outdoor</lable>
What at I am doing wrong?
vichus1995
@vichus1995
guys.can somebody tell me how to vertically center the font awesome icons in the button.i'm using vertical-align:middle.but it doesn't work.
http://codepen.io/vichus1995/pen/oLZoBj
zenflint
@zenflint
https://www.freecodecamp.com/challenges/create-a-set-of-radio-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%20%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A%3Clable%3E%3Cinput%20type%3D%22radio%22%0Aname%3D%22indoor-outdoor%22%3E%0A%20%20indoor%3C%2Flable%3E%0A%3Clable%3E%3Cinput%20type%3D%22radio%22%0A%20%20%20%20%20name%3D%22indoor-outdoor%22%3E%0A%20%20outdoor%3C%2Flable%3E%0A
Ken Haduch
@khaduch
@zenflint - one thing that I see - you have spelled "label" incorrectly?
@vichus1995 - it looks like the height of those elements is such that there is a lot of white space below the up-arrow, and a lot of white space above the down arrow, so the overall element is vertically centered, but it is not drawn so that the triangular part of the image is in the center of the item... maybe you need a different icon?
Ken Haduch
@khaduch
@vichus1995 - like you might try fa-arrow-up and fa-arrow-down or fa-caret-up and fa-caret-down - I was looking in the "Directional Icons" section on the http://fontawesome.io/icons/ page
@vichus1995 and vertical-align might only work with table elements?
@Iadetunji - what are you trying to do - do you have a project link or something? Sounds like you just need to add some jquery (or javascript) code to change CSS styles for your colors?
Adetunji Iyaniwura
@Iadetunji
@vichus1995 ,i am working on the random quote machine challenge,