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
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("color", "orange");
    $(".target:nth-child(2)").addClass("animated bounce")


<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
    <div class="col-xs-6">
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
Lean Junio
$(".target:nth-child(2)").addClass("animated bounce”) targets everything that has a class name of target
ohh wait i just saw it haha
i think what you wanted was $(".target:even)").addClass("animated bounce”) to target every other 2nd element
Ruchika Sharma
@Manish-Giri ty i passed the challenge
ruchika90 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6637 | @manish-giri |http://www.freecodecamp.com/manish-giri
@piteto thanks :+1:
alteducation sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 229 | @piteto |http://www.freecodecamp.com/piteto
Lean Junio


and why? :)

Long Nguyen
@leanjunio ?
Lean Junio
@longnt80 just wondering what people prefer working with
Long Nguyen
I chose react because it is trending right now, good for job oppotunities
I haven't used angular or vue to comment about technical details
but I heard Vue is easy and flexible
Kaz Baig
I tried Angular before React and felt that, compared to React, the learning curve is pretty high
why does assigning a conditional to a variable like let message; then rendering using React work? Why don't I have to use let message = conditional; then use ReactDOM.render({message}, etc)?
Kaz Baig
@brndnrz React auto rerenders components when their props update
Kent Saeteurn
i'm working on the twitch app project.
does anyone know why my images will show in firefox, but not in chrome?
here is my pen: https://codepen.io/anon/pen/wrjgdP
i read that it might have something to do with an ad blocker on chrome, but i've checked all extensions in chrome, and have not found any ad block extensions. to be sure, i disabled all extensions and then refreshed the my web app, but nothing. any help would be greatly appreciated
@sansae img in your code is an object and .html() will replace the HTML between two tags - it can't be used with void elements like <img>
You'll want to do: $("#logo" + index).attr('src', logo);
update the src attribute of your <img> tags

Guys I just found this amazing blog it collects the headlines of the latest stories from the best sites and blogs that cover web dev and web design topics : https://alldevtop.blogspot.com


Miljan Grcic
Hey guys, I just scrambled together this tribute project https://codepen.io/MomchilDeus/project/editor/ZKwRjo . Feedback would be great :P
Ken Haduch
@MomchilDeus - one bit of advice - in CodePen, you should not make a "Project", but just a "Pen". If you have a free account, you can only make one project. Pens can be more than one. For the tribute project, a pen should be enough.
The project looks nice, but the "Timeline" is not showing up well in the browser? It looks like everything is one mash of data? It seems that some resources were not loaded? timeline.css being one of them? Also 'hammer.js' - maybe you had a problem uploading? Looks like it is on a good track, though, so far!
@MomchilDeus - oh, and now I think I see why you selected a "Project" in CodePen, so you can have external resources. That might be an issue for you in the long run, unless you get a CodePen PRO account.
Kaz Baig
@MomchilDeus Other than the above tip, I'd just add that increasing the contrast between background and text in the footer would be good
awesome, thanks guys :)
Kaz Baig
Ah and might look better to remove border radius on footer as well @MomchilDeus
khorram bin salim khondkar
i am stuck on a project
right, I've fixed the timeline on my end and removed the border-radius, I'll convert it to a pen next. Is hammerjs even needed on a pen? @kbaig @khaduch
hey dude
khorram bin salim khondkar
can somebody help me
Lean Junio
what’s up
Kaz Baig
@MomchilDeus What are you using it for?
@kbaig swiping for the timeline on mobile
khorram bin salim khondkar
what is prepened used for
in jquery
The prepend() method inserts specified content at the beginning of the selected elements.
khorram bin salim khondkar
and how do you read documentation about any programming l;anguage
Kaz Baig
@MomchilDeus As far as I know, there isn't something like that built into pens
Lean Junio
what do you mean? :/
khorram bin salim khondkar
i mean easily
Ken Haduch
@khorramk - look for jQuery docs at https://api.jquery.com if that's what you're looking for
And if you have trouble reading the docs, you might want to start with some other lessons that go through explanations more thoroughly. There are some good things on http://w3schools.com that take you through things more slowly and explain well.