FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Tyler Moeller

@TylerMoeller

This is also a great read for lots more detail on the topic: https://www.sitepoint.com/web-foundations/collapsing-margins/

Ghulam Shabir

@ghulamshabir

@jdtdesigns I have tried that but it causes overlapping of background colors of div so it appears as if I have put all my paragraph into only one div

Tyler Moeller

@TylerMoeller

@ghulamshabir Also, this line:

$('#wiki').append($('<div class="article"><h2>'+pages[i].title+"</h2><p>"+pages[i].extract+"</p>"));

doesn't need the $( in it and it's missing a closing </div>

JD Tadlock

@jdtdesigns

@ghulamshabir Not following you. It works fine in google and firefox.

Ghulam Shabir

@ghulamshabir

@jdtdesigns I am using chrome

@TylerMoeller yeah I used $( to try if that may help I will remove it

Tyler Moeller

@TylerMoeller

I see, just out of curiosity, have you tried using template literals yet? Makes it a little easier for dynamic HTML, IMO:

          $('#wiki').append(
            `<div class="article">
              <h2>${pages[i].title}</h2>
              <p>${pages[i].extract}</p>
            </div>`
          );

Just started using it more and seems to help, at least for me

Ghulam Shabir

@ghulamshabir

no I haven't, I have just read about it on the internet but could not understand what is it but your code snippet made it clear :smile: thanks again

Sorin Ruse

@sorinr

@sbxn14 :point_up: January 24, 2017 6:57 PM

JD Tadlock

@jdtdesigns

@ghulamshabir Here's an example of a simple approach to creating spacing http://jsbin.com/raneyi/edit?css,js,output

Brandon Armstrong

@calmcoolcollected

Could someone help me with my pomodoro clock? Right now the problem is that when the clock switches to the break time ("Relax"), I can't seem to pause the clock (done by clicking the big button) and then clicking it again makes it go faster. There's something wrong with the break interval but I can't seem to figure it out. Possibly a scope problem or things being out of order? http://codepen.io/brandon327/pen/mREZaN/?editors=0010

Ghulam Shabir

@ghulamshabir

@jdtdesigns thanks for helping me I will definitely look into it :smile: thanks alot

CamperBot

@camperbot

ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:

:cookie: 882 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns

Ghulam Shabir

@ghulamshabir

@jdtdesigns it looks like you have typed all that just for me to solve my problem because I am seeing most of code similar to mine :smile: thank you

CamperBot

@camperbot

ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:

:warning: ghulamshabir already gave jdtdesigns points

clydrampage

@clydrampage

how should I start building my personal portofolio webpage?

I forgot almost everything i learned in tutorials

JD Tadlock

@jdtdesigns

@ghulamshabir Tried to make it as understandable as possible

Ghulam Shabir

@ghulamshabir

@jdtdesigns it's neat and clean code I am loving it

clydrampage

@clydrampage

any recommendation?

Ghulam Shabir

@ghulamshabir

@jdtdesigns oh it means you did it for me :smile: millions of thanks to you

CamperBot

@camperbot

ghulamshabir sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:

:warning: ghulamshabir already gave jdtdesigns points

JD Tadlock

@jdtdesigns

@clydrampage Look up tutorials on html, css. There's plenty on youtube

You can also take free interactive courses like codecademy.com

Patrick Black

@Mortiferr

Say I am GETing a JSON API. I get this as part of my response.
"weather":[{"id":804,"main":"clouds","description":"overcast clouds","icon":"04n"}],
How do access the object (icon for example) to get the correct return value? I am currently using weatherData.weather.icon. Why doesn't this work?

Ivan Ngundela

@ingundela

Hello everyone, I hope you all doing well... I'm starting a project.. I want to build a web page... I need to have some contacts in horizontal and the keeps on displaying vertical why... my code is

div id="menu">

  <ul>
    <li>Solucoes</li>
    <li>Internet</li>
   <li>Voz</li> 
   <li>Suporte</li>
   <li>Loja</li> 
  </ul>

</div>

````

<!DOCTYPE html>

<html>
    <head>

    <title>EBU PAGE</title>

    </head>

<body>

<div id="menu">

  <ul>
    <li>Solucoes</li>
    <li>Internet</li>
   <li>Voz</li> 
   <li>Suporte</li>
   <li>Loja</li> 
  </ul>

</div>

</body>

</html>

help... this is not displaying the content in horizontal way.. why?

CamperBot

@camperbot

no wiki entry for: this is not displaying the content in horizontal way why

Tyler Moeller

@TylerMoeller

@Mortiferr weather is an array - as a hint, how do you access the first element of an array?

Patrick Black

@Mortiferr

weatherData.weather[0].icon

thanks @TylerMoeller

Tyler Moeller

@TylerMoeller

CamperBot

@camperbot

mortiferr sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:

:star2: 1396 | @tylermoeller |http://www.freecodecamp.com/tylermoeller

Patrick Black

@Mortiferr

http://codepen.io/Mortiferr/pen/oBZJzp?editors=1011
I have a document.write in my HTML and and if-then statement that writes a different character based on a variable. Why isn't it printing to the page?

Tyler Moeller

@TylerMoeller

@Mortiferr You can also right-click the output in your browser's console and select copy property path

Patrick Black

@Mortiferr

oh okay, thank you

Tyler Moeller

@TylerMoeller

Patrick Black

@Mortiferr

very helpful

Tyler Moeller

@TylerMoeller

@Mortiferr your script in your html is likely running before you get the data back from the API

Also, 'units' is undefined in that chunk of code

Patrick Black

@Mortiferr

Are you sure? I have units globally defined I thought

But yeah you're probably right I need to specify

Tyler Moeller

@TylerMoeller

Even if 'units' and 'imperial' are both globally defined, they don't have a value until you get some data back from the API - that takes some time to visit the API URL and then come back

Where communities thrive

People

Repo info

Activity