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
Chris
@ChrisWHurd
Hi I am currently on the build tribute page task. I am struggling to find a way to get the approximately 1 inch white border around the entire page like he has in his example. any advice?
Christopher
@christopherwangemann
@SkyCoder01 Can I ask one more thing? I put the picture and paragraph together and made the image float. Should I put each in separate columns?
@ChrisWHurd i just put a margin on the body when I did it
@ChrisWHurd in percentage tho to not have too much space when you're on a small device
Gulsvi
@gulsvi

@christopherwangemann I think something like this would look good - I skipped the portfolio though

          <div id="about" class="row">
            <div class="col-xs-4">
              <img src="path to your picture" class="img-responsive center-block" />
            </div>
            <div class="col-xs-8">
              <p>about text</p>
            </div>
          </div>

That will make the picture take up about 25% of the width and the text the other 75%. You can adjust the 4 and the 8 for the columns as needed.

Chris
@ChrisWHurd
Ok Thanks
Gulsvi
@gulsvi
Think I'll do the portfolio after I finish all the other front-end projects so I can add them all in at once
Christopher
@christopherwangemann
@SkyCoder01 ah ok thx I'll try that
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: christopherwangemann already gave skycoder01 points
Christopher
@christopherwangemann
@SkyCoder01 I guess I don't need the float then right?
Gulsvi
@gulsvi
@christopherwangemann Right, if you put it in it's own column, bootstrap will float it for you
Christopher
@christopherwangemann
@SkyCoder01 ok cool! Thanks so much for your help! I appreciate it!
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: christopherwangemann already gave skycoder01 points
Gulsvi
@gulsvi
No problem!
herk713
@herk713

Change the code to use the ++ operator on myVar.

var myVar = 87;

// Only change code below this line
myVar = myVar + 1;

Need Help

Ken Haduch
@khaduch
@herk713 - did you see the examples of where they used ++? You are just supposed to change the linemyVar = myVar + 1; to use the ++ operator instead of adding one by using the variable on both sides of the =
herk713
@herk713
@khaduch i still dont understand though?
Ken Haduch
@khaduch
@herk713 - okay -looking at the example - they tell you that i++; is the equivalent of i = i + 1;. The initial code that they give you in the editor is: var myVar = 87;, which is initializing that variable to a value of 87. and the tests want you to change the linemyVar = myVar + 1;, to something using the ++ operator, which will result in the value of 88 for the value of myVar. So - just like i = i + 1; is the same as i++; myVar = myVar + 1; can be written using the ++ operator...
Spyrantis Theodoros
@thodorisanta

im curently working on the calculator project. And im about to start with the javascript part.And i have no idea where to start.. :/

https://codepen.io/oshikurou/pen/WRyJwm?editors=0010

Tom
@moT01
@thodorisanta maybe start by getting all the buttons to just log their value on a click
Sam Griffen
@ssgriffen
I'm trying to return an array of all occurences of parenthesis in a string, i'm using /[()]/g to do this...what method should I call to get back the array right now I'm using RegExp.prototype.exec but its only returning one "(" in the string "(12345)678(912"... any thoughts?
Faddah Wolf
@faddah
Hello, I need help with JavaScript/jQuery on my second FCC Portfolio project, with touch screens. my jQuery code works great for my Nav buttons with a mouse click or touchpad on a desktop or laptop. but on mobile screens — iPad, iPhone, Android or Windows tablets or phones — the top three .navbar buttons, .about-btn, .portfolio-btn, and .contact-btn do not work, but the three .top-btn’s lower down on the page do, but they don’t run the jQuery .animate() function. any hel with this, please? here is the codepen — http://codepen.io/faddah/pen/egVyrM .
Tom
@moT01
so what is your result supposed to look like @ssgriffen
for your example
Sam Griffen
@ssgriffen
it should look like this [ "(" , ")" , "(" ] @moT01
or ["()("] @moT01
@moT01 actually I may have a better idea for this nvm
Tom
@moT01
glad i could help
Sam Griffen
@ssgriffen
@moT01 lol
Tyler Moeller
@TylerMoeller
@faddah Not sure if ES6 features like const and arrow functions are supported in the mobile browser you're using, but one thing you can do to help with compatibility is to use babel as your preprocessor - looks like you have Typescript enabled now.
Also, you can attach the same code to multiple selectors by separating them with a comma:
$('.about-btn, .portfolio-btn, .contact-btn').click(function(e)
or just give all those elements the same class name like animated-scroll to avoid code duplication
Faddah Wolf
@faddah
@TylerMoeller ok, thank you for the DRY suggestion. and i’ll check out using Babel, but I thought Typescript is fine with ES6 coding?
CamperBot
@camperbot
faddah sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1478 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
I think they're both similar @faddah but I know for sure that babel does a good job. Maybe a mac vs pc philosophy in the end - I've just stuck with what works for me :)
Faddah Wolf
@faddah
@TylerMoeller btw, i can’t quite do your DRY suggestion yet, as i need to have the class button clicked (example: .about-btn) grab the corresponding id of the section to which it is scrolling (example:#about). in any case, i switched it to babel for the JavaScript pre-processor, saved the pen, refreshed the screen. still not working on touch screens.
@TylerMoeller also, the funny thing is: the functions seemed to be being accessed, as my callback console.log() statement shows up down in the JavaScript console, but the animation never works, and the top buttons do not scroll, no matter what.
Tyler Moeller
@TylerMoeller
@faddah I'll fork it and see if I can play around with it on my mobile. Will let you know if I come up with anything
Faddah Wolf
@faddah
@TylerMoeller much appreciate, thank you!
CamperBot
@camperbot
faddah sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: faddah already gave tylermoeller points
mono
@monoblack21
hello, how do i make a button that can stop a function already running
Tyler Moeller
@TylerMoeller
@faddah I think this is a codepen iframe issue - try it in debug view on your mobile device
Doesn't work for me in "full" view, but works in "debug"
Ahmed Osman
@Noby707
Hi, I can not insert images for some reason in codepen. Need help please. <a href="#"><img alt="Sharingan" src="https://s-media-cache-ak0.pinimg.com/236x/52/74/0f/52740f7a75720a4576d1bd0613e3a3a1.jpg"></a>
The same code works well when I run it in one of the free code camp challenges
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://s-media-cache-ak0.pinimg.com/236x/52/74/0f/52740f7a75720a4576d1bd0613e3a3a1.jpg"></a>