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
Nate Mallison
@NJM8
function dropElements(arr) {
  return arr.filter(item => item < 3);
}

dropElements([1, 2, 3]);
unless you are trying to make a function with a custom filter feature.
German Gamboa Gonzalez
@germangamboa95
The drop it challenge. And it is a custom filter feature in the sense that after the first time it returns 'true' it must continue to return true even if the condition is false. There are simpler ways to do it. It was just my first instinct to go with that. @NJM8
abraham anak agung
@padunk
@germangamboa95 did you passed the challenge?
Nate Mallison
@NJM8
Yeah I guess my suggestion doesn't help at all. :smile:
German Gamboa Gonzalez
@germangamboa95
Yes! I mean I accidentally deleted my return statement inside the filter function while copypasting.
@NJM8 Thanks anyways lol
CamperBot
@camperbot
germangamboa95 sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 320 | @njm8 |http://www.freecodecamp.org/njm8
mbsyaswanth
@mbsyaswanth
https://codepen.io/mbs-yaswanth/pen/NyVezZ -why isnt the animation smooth. please tell me how to fix the animation. click on catlog to see the animation.
Nate Mallison
@NJM8
@mbsyaswanth It's because you are using margin to change the location of the boxes.
Sliding the boxes by changing the margin requires the browser to recalculate the position of each box many times over the duration of the animation
that makes a lot of work so things slow down
Andre Morise
@AndreMorise
Hello all, I'm trying to figure out how I can use justify-content: center with my flex children without having to set position-absolute on the parent
I left a comment in the html. Any help is appreciated. If doing this without position: absolute is not possible, is there a way to still make the "test" div appear below the photo?
mbsyaswanth
@mbsyaswanth
@NJM8 then what do i do?
Nate Mallison
@NJM8
@mbsyaswanth I think keyframes are great for more complex animations, I would just do transitions with a custom class: http://webdesignerwall.com/tutorials/easy-css-animation-transition-transforms
Nate Mallison
@NJM8
@AndreMorise You just want the test div to be below the picture?
Andre Morise
@AndreMorise
@NJM8 Yes I do. Trying to get some content below all of that but the position: absolute I had to use is conflicting with that.
mbsyaswanth
@mbsyaswanth
@NJM8 , then please tell me what transition to add. something cool, all the boxes should move and position into actual place after few seconds.
Daniel Slatkin
@DSlatkin
@AndreMorise You've set html and body to 100% but you haven't set #main to 100%
Calat
@latimercaleb
Can you force FCC to recognize es6?
Daniel Slatkin
@DSlatkin
Since header is flexing in the column direction, it's only as tall as its parent container #main... If you also set main to 100% height, you can take off position:absolute from header and set height: 100% on header as well
Ken Haduch
@khaduch
@latimercaleb - where are you trying to use it - in the challenges? You can add a // jshint esversion:6 at the top of your editor and see if that solves it for you.
Daniel Slatkin
@DSlatkin
Then justify-content:center works to center everything? Unless you want to only vertically center header and keep test underneath that (I've just realized)
Andre Morise
@AndreMorise
@DSlatkin OF COURSE! Life saver. Thank you!
CamperBot
@camperbot
andremorise sends brownie points to @dslatkin :sparkles: :thumbsup: :sparkles:
:cookie: 115 | @dslatkin |http://www.freecodecamp.org/dslatkin
Daniel Slatkin
@DSlatkin
:) I'm a newbie to this stuff but just started using flexbox and ran into similar things with height! So hopefully my advice works.
Nate Mallison
@NJM8
@AndreMorise Did it work? I was looking at the code for the tester, seems like they want it to be top left but my CSS skills leave something to be desired
Andre Morise
@AndreMorise
@NJM8 @DSlatkin Yeah it worked, adding a height to #main.
added*
Calat
@latimercaleb
Thanks @khaduch
CamperBot
@camperbot
latimercaleb sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3794 | @khaduch |http://www.freecodecamp.org/khaduch
Nate Mallison
@NJM8
I'm still drooling over that hamburger to X animation
Andre Morise
@AndreMorise
haha, yeah that's just from the beta program's test suite
Nate Mallison
@NJM8
@mbsyaswanth Add this to the class for the books: transition: all 0.5s; transform: translateX(100%);
Then make a js function so that when you click the button to show them it will add a class of visible. then define visible in your css like this
.visible {
  transform: translateX(0%);
}
it's not to fancy but I think it will do what you have now
Jacob Pieczynski
@JacobPie
I need serious help. I am on the intermediate algorithm challenges, and I am having extreme difficulty. I am having to look at the solution about every time and I just feel lost. Is this normal? Or am I just way behind? Should I just keep trucking, even though I have to look at the solutions?
Thanks
Nate Mallison
@NJM8
@JacobPie Is FCC your only programming experience?
Ken Haduch
@khaduch
@JacobPie - and are the concepts that have to be applied (math, physics, etc.) making it more difficult to understand what you're trying to do?
Jacob Pieczynski
@JacobPie
@NJM8 Yeah.
@khaduch Yeah. I'm thirteen, so a lot of this stuff goes over my head. I get frustrated easily and that kind of makes me cave into looking at the solutions. Most of the time, however, I just have no idea what I'm doing.
Nate Mallison
@NJM8
@JacobPie Programming isn't easy, and many times you many just need more practice and a different perspective. There have been things I couldn't learn from FCC because it wasn't explained in a way that made sense to me.
Jacob Pieczynski
@JacobPie
@NJM8 Like what? Where did you learn those things?