LearnGuess this Badge and Win a Free one-year Gold Treehouse account ($588 value)

Treehouse

Treehouse
writes on November 2, 2011

Screenshot of the Treehouse badgemap, pointing to a yellow Badge with two sliders on it.

We’ve got a fun contest to win a free 1-year Gold Treehouse account (worth $588). When we launch Treehouse you’ll be able to take Quizzes and do Code Challenges to unlock badges, to prove your knowledge.

To win the competition, all you have to do is guess the name of the Badge in the photo above and tweet out your answer. Make sure to include @treehouse in the tweet so we can find your entry.

We’ll choose one winner and the competition closes a midnight Thursday Nov 3rd.

Good luck!

GET STARTED NOW

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

61 Responses to “Guess this Badge and Win a Free one-year Gold Treehouse account ($588 value)”

  1. CSS3 Animations

  2. shazeen on May 18, 2013 at 2:13 pm said:

    css animations

  3. hmm… this is really difficult to answer all the badges correctly, bt i know some, i am gonna mail you!

  4. So finally who won the award and most importantly what is the answer ????? It is really confusing……..

  5. So finally who won the award and most importantly what is the answer ????? It is really confusing……..

  6. Who won? ¬†What was the answer….¬†

    I must have missed the announcement….

  7. Who won?  What was the answer?

  8. Who won?  What was the answer?

  9. Catalin B on November 4, 2011 at 1:41 pm said:

    And the answer is?

  10. It is a nice post.thank you.

  11. I feel this could be user interface design

  12. My guess would be HSL/RGBA colors.

  13. If the meaning of the icon isn’t reasonably obvious to most users and requires guessing to figure out, my guess is it’s a poorly-designed icon.¬†

  14. HTML5 sliders tweaking with CSS3

  15. HTML5 slider bar.

     
     
     
      HTML5 Slider
     
      function showValue(num){
    ¬† ¬† ¬† ¬† ¬† ¬†var result = document.getElementById(‘result’); ¬† ¬†¬†
               result.innerHTML = num;
     }
     
     
     
     
     

  16. HTML5 slider bar.

     
     
     
      HTML5 Slider 
     
     function showValue(num){
    ¬†¬†¬†¬†¬†¬†¬†¬†¬† var¬†result¬†=¬†document.getElementById(‘result’);¬†¬†¬†¬†
              result.innerHTML = num;
     }
     
     
     
     
     

  17. Anonymous on November 2, 2011 at 3:36 pm said:

    HTML5 Forms

  18. HSL color / CSS gradients?

  19. I’m going to guess CSS3 transitions.

  20. Anonymous on November 2, 2011 at 2:52 pm said:

    Color Sliders

  21. Anonymous on November 2, 2011 at 2:36 pm said:

    user adjustable css?

  22. TREEHOUSE IS CROWDSOURCING BADGE NAMES!!11!!11 SAY NO TO SPEC WORK!!111!

  23. Abdulaziz Alzain on November 2, 2011 at 1:04 pm said:

    Adjustments

  24. I would say something to do with colour values maybe!

  25. Anonymous on November 2, 2011 at 12:31 pm said:

    Defrost toaster setting … ? Graphic Equalizer … ? Or Responsive / Reactive Web Design …? ūüėČ

  26. setting? adjust?

  27. Definitely input=” slider” / css3!

  28. Catalin B on November 2, 2011 at 11:21 am said:

    If i saw it on it’s own i’d say Advanced HTML Forms (it looks a lot like HTML 5 range input)…
    … but it appears to fall under CSS3.

    All the other icons seem to be CSS3 related: box radius, text shadow,   @ font face, opacity, backgrounds, transition, transform. So it has to be something about CSS (or CSS3). Something to do with RGBA colors or styling web forms.

    This is a hard one ūüôā

  29. Catalin B on November 2, 2011 at 11:21 am said:

    If i saw it on it’s own i’d say Advanced HTML Forms (it looks a lot like HTML 5 range input)…
    … but it appears to fall under CSS3.

    All the other icons seem to be CSS3 related: box radius, text shadow,   @ font face, opacity, backgrounds, transition, transform. So it has to be something about CSS (or CSS3). Something to do with RGBA colors or styling web forms.

    This is a hard one ūüôā

  30. Has to be “Range inputs” surely? ¬†For the …..?

  31. CSS3 Radial n Linear gradients with slider.

  32. ńįlker G√ľller on November 2, 2011 at 10:54 am said:

    Mobile slider with css 3

  33. HTML5 Slider?

    Example: 

  34. HTML5 Slider?

    Example: 

  35. Good guesses so far. All will be revealed tomorrow ūüôā

  36. Something about being dynamic or variable…

Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop