Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • 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
@animsaj I used console.log() a lot but it wasn't really helpfull, putting 2 alerts, one in the h3 and one in the <a> .click events did the trick to figure out the bug =p
Robert Uivarosi
@Abel1987 first get your geo location from google. then use the value to get a correct API call. After you have the result of that, you go on and start working at getting the geo location working properly, have the values and use them in the API call URL. After you got that part to work, you analyze the response of the API call, and start figuring out which values you need and how to get them to be displayed on your page
@Khaltar @URobert thanks for the feedback! I will keep working on it! @animsaj Σ' ευχαριστώ! :)
bohemian83 sends brownie points to @khaltar and @urobert and @animsaj :sparkles: :thumbsup: :sparkles:
:star: 636 | @urobert | http://www.freecodecamp.com/urobert
:star: 435 | @animsaj | http://www.freecodecamp.com/animsaj
:star: 208 | @khaltar | http://www.freecodecamp.com/khaltar
Robert Uivarosi
@bohemian83 yw
Jasmina Babic
@bohemian83 Και εγω
@0x0936 thanks for explanation, do you have some reading you can recommend me to so i can get this concept down better for next time?
max77p sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 1207 | @0x0936 | http://www.freecodecamp.com/0x0936
Quick question. I saved my html/css/js code in a single text file and saved it as an html. For reason it throws off my background image sizing. If I open the page in chrome the background images are much bigger. Any ideas why?
Robert Richey
@max77p perhaps others can recommend reading resources - the best I can offer is that you skim through Bootstrap documentation and pay close attention to the classes you intend to use in your projects. For example, learn exactly what .container and .row are doing. Other than that, just keep practicing. Build small projects - like a demo - for yourself, for learning a particular technology. For example, if you want to learn more about Bootstrap's jumbotron, make a small project that just focuses on using a jumbotron.
Also, open the dev console and inspect your elements often to learn what is going on - dev console makes debugging much easier.
Pedro Abel Díaz Sánchez

@kirbyedy yes, I did it all already, but What I typed doesn't displayed anything on the screen but it pass the test... even if a directly copy what they ask me for I cannot get any result from fcc.

@URobert Thats what I am trying to do, getting the geoLocation is not a problem, ad fcc json section I can find an example but then... I really dont know how to comunnicate my codepen with the weather api...

Robert Uivarosi
@Abel1987 look below:
   $.getJSON(weatherApiUrl, function(json) {
    city = json.name;
@Abel1987 after you got your proper API response, you analyze that and separate the elements that you want form it (see the example of getting the city from above
@Abel1987 then you use the variables to display the values in HTML
@Abel1987 here is an example of that
Pedro Abel Díaz Sánchez
Thanks @URobert lets see what I get.
abel1987 sends brownie points to @urobert :sparkles: :thumbsup: :sparkles:
:star: 638 | @urobert | http://www.freecodecamp.com/urobert
Pedro Abel Díaz Sánchez
in the weather apiurl I guess I have to set it with my api key, isn't it?
Somehow fcc skipped me past the basic front end dev projects and wanted me to start the intermediate projects. I went through evertything in between already. XD
The algorithms and evertything.
Probably not the worst thing that could happen.
Jasmina Babic
@Abel1987 you can use http://ip-api.com no need for api key
Pedro Abel Díaz Sánchez
I am quite lost @animsaj I am getting the geolocation using this script
        $.getJSON("http://ip-api.com/json/?callback=?", function(data) {
            var table_body = "";
            $.each(data, function(k, v) {
                table_body += "<tr><td>" + k + "</td><td><b>" + v + "</b></td></tr>";
Thats the code from FCC Json getGeolocation
Jasmina Babic
This message was deleted
@Abel1987 ok, before anything else console.log() your data to see its format and then,save it to a variable, so you can use it in weather-api call, append city and country to any HTML element you want, to display it on the page; move on to a function to hold ajax call for weather data and do the same steps with that data
Pedro Abel Díaz Sánchez
Is there any video on twithc on I can see how other people did this weather zipline? I can see tha jackel_27 shows his weather app but not from the very beggining... I am completely lost.
Robert Uivarosi
@Abel1987 yw
Pedro Abel Díaz Sánchez
can you provide me with a link? on twitch I cannot find it
Buzz Tarek
Hey guys, I'm in the early phases of my tribute page. Struggling with making elements responsive as well as centering a video on the page. Any help is appreciated.

<p data-height="447" data-theme-id="0" data-slug-hash="jqOeZE" data-default-tab="result" data-user="buzzth" data-preview="true" class='codepen'>See the Pen <a href='http://codepen.io/buzzth/pen/jqOeZE/'>Kazumi Totaka Tribute Page</a> by Bassim Hijazi (<a href='http://codepen.io/buzzth'>@buzzth</a>) on <a href='http://codepen.io'>CodePen</a>.</p>

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

My bad, I'm not exactly sure how to share it
Terrell Vest
@abel1987 paste the link from the address bar at the top
Terrell Vest
@Abel1987 are you trying to center the video ?
Gordon Davidescu
funnily I am in the very early stages of the weather app. I get a feeling I am not calling the API right
Buzz Tarek
Yes, the one on the very bottom to be precise.
And also, elements such as the boxes aren't responsive when windows are smaller like in this case for instance.
@gordondavidescu you're calling it right
Terrell Vest
@buzzth ok if you make your iframes display block and give them a margin top and bottom of 0 and a margin left and right of auto it will center them. I just tested it on your codepen