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
Krishna Sai Gullapalli
@Krish2704
your code
you'll have 3 panels in your codepen
html,css,js
Vipin kumar
@vipin917
okay thank you
d1sr3
@d1sr3
Hello could anyone tell me what am I doing wrong? I'm trying to get json from an api, but can't get it to work. I'm getting "Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en. (Reason: CORS header 'Access-Control-Allow-Origin' missing)." error in web console. And this is my code : $.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en", function(json){
console.log(json.quoteText);
});
Harshil Agrawal
@harshil1712
hey. Can anyone help me with me the weather app challenge. I am not able to change the background, I have tried everything. http://codepen.io/harshil1712/pen/mEmXBY
sahil chahar
@sahil1995
@fhdhsni done
Sophia Brandt
@sophiabrandt
@harshil1712
https://css-tricks.com/almanac/properties/b/background-image/
for example:
body{
  background: url(https://upload.wikimedia.org/wikipedia/commons/5/58/Sunset_2007-1.jpg) no-repeat center center fixed;
}
Harshil Agrawal
@harshil1712
@sophiabrandt what I want to do is change the background according to the weather. Like example if it is rain I want a particular background, for clear weather I want another bg and so on.
Sophia Brandt
@sophiabrandt
@harshil1712 oh, sorry, I misunderstood. I don't know how to do it ATM,.
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 ?